Front-end/React

[React] 다양한 애니메이션 모듈 react-reveal

이안92 2021. 5. 12. 11:38
반응형

 react-reveal

 

꽤 유용한 사이트다.

간편하게 애니메이션을 구현할 수 있다.

 

www.react-reveal.com/

 

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>

 

간단하고 유용하쥬?

반응형