yiseo
🎨 active
🖍️ 디자인
디자인 클래스
디자인 소스
피그마 스킬 UP
UI KIT
매거진
방명록

디자인 클래스

피그마를 이용한 디자인 능력 키우기
호버 트리거를 활용하 비디오 이벤트
  • Y
    yiseo
카드 애니메이션 모음
  • Y
    yiseo
무한 롤링 배너
  • Y
    yiseo
버튼 애니메이션 모음
  • Y
    yiseo
스티키 스크롤 프로토타입 제작
  • Y
    yiseo
반응형 웹 만들기
  • Y
    yiseo
yiseo
디자인 클래스

카드 애니메이션 모음

Y
yiseo
피그마 링크 바로가기

카드 애니메이션 모음

자주 사용 되는 카드 애니메이션을 선보입니다.
제작 방법과 컴포넌트, 컴포넌트를 활용한 Screen을 첨부해놓았으니 연습해보시면 좋을 것 같습니다.
✔︎ 포함된 사항
•
Background blur를 활용한 카드 애니메이션
•
Mouse enter & leave 트리거를 활용한 Extended card
•
hover시 카드가 올라가는 애니메이션
•
Mouse up & down 트리거를 활용한 카드 애니메이션 (apple weather)
•
반전을 활용한 카드 애니메이션
👍