목록스크롤 효과주기 (1)

dev_or_alive

[React] 리액트에서 간편하게 패럴랙스 기능을 사용해보자. react-parallax

목차 1. 목차 2. What is Parallax ? 3. Install 4. Using What is Parallax ? parallax는 시차라는 뜻으로 위치가 다른 상태에서 멀리있는 물체는 천천히 움직이고, 가까이 있는 물체는 빠르게 움직이는 것처럼 보이는 인지적인 측면을 이용하여 시각적인 효과를 주는 것입니다. parallax 예시 스크롤을 하면 배경은 멀리에 있는 것처럼 거의 움직이지 않고 앞의 글씨만 위로 이동하는 효과를 주어 바로 앞에 있는 것 같은 느낌을 주어 공간감을 느끼게 하는 디자인 기법입니다. 최근 리액트에서 패럴랙스를 적용 할 일이 있어 찾던 중 react-parallax가 기본 기능을 적용하기에는 가장 간단한 것 같아 게시물을 작성해봅니다. 더 좋은 사용법이나 다른 방법이 있다..
Library & Framework/React 2021. 11. 18. 18:36
이전 Prev 1 Next 다음