[css] Animate.css 사용

https://animate.style/

Animate.css | A cross-browser library of CSS animations.

사이트에서 다양한 애니메이션 효과를 미리 사용해보고 원하는 애니메이션을 내 프로젝트에 적용할 수 있다 ! 

 

 

 

설치

npm install animate.css --save

 

 

 

적용

애니메이션 적용을 위한 js 파일에 import 'animate.css' 추가 

 <img className="animate__animated animate__pulse" />

 

이런식으로 className을 "animate__animated  animate__원하는 애니메이션 이름" 으로 지정해주면 적용이 된다. 

 

또는 아래와 같이 직접 넣어줄수도있다 ! 

animation: flipInY;
animation-duration: 2s;