Front-end/React
[React] 다양한 애니메이션 모듈 react-reveal
이안92
2021. 5. 12. 11:38
반응형
react-reveal
꽤 유용한 사이트다.
간편하게 애니메이션을 구현할 수 있다.
Home - React Reveal
React Reveal React Reveal is high performance animation library for React. It's MIT licensed, has a small footprint and written specifically for React in ES6. It can be used to create various cool reveal on scroll effects. Scroll down to see it in action.
www.react-reveal.com
먼저 터미널에 아래와 같이 입력하여 설치한다.
npm install react-reveal --save
또는
yarn add react-reveal
그리고 import를 한 뒤 컴포넌트 형태로 간편하게 사용하면 된다.
예를들어, Zoom 효과를 주고 싶다면
import Zoom from 'react-reveal/Zoom';
<Zoom>
<p>Markup that will be revealed on scroll</p>
</Zoom>
간단하고 유용하쥬?
반응형