# 카드 애니메이션 모음

![Image](https://upload.cafenono.com/image/slashpagePost/20250306/144955_jO7SVHxJMWMhTYRLf3?q=80&s=1280x180&t=outside&f=webp)

[피그마 링크 바로가기](https://www.figma.com/community/file/1479352984719015886/animated-card-library)

### 카드 애니메이션 모음

자주 사용 되는 카드 애니메이션을 선보입니다. 
제작 방법과 컴포넌트, 컴포넌트를 활용한 Screen을 첨부해놓았으니 연습해보시면 좋을 것 같습니다.

✔︎ 포함된 사항

- Background blur를 활용한 카드 애니메이션

- Mouse enter & leave 트리거를 활용한 Extended card 

- hover시 카드가 올라가는 애니메이션

- Mouse up & down 트리거를 활용한 카드 애니메이션 (apple weather)

- 반전을 활용한 카드 애니메이션

For the site tree, see the [root Markdown](https://slashpage.com/yiseo.md).