본문 바로가기

좋아하는 것_매직IT/96.IT 핫이슈

Astropos JS - 터치 친화적 3D Parallax 호버 효과 라이브러리 (atroposjs.com)

반응형

Astropos JS - 터치 친화적 3D Parallax 호버 효과 라이브러리를 소개합니다.

출처 : Astropos 홈페이지

Astropos JS 홈페이지에서는 아래와 같이 소개하고 있고요.

출처 : Astropos 홈페이지



Atropos
 is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

Available for JavaScript, React, Vue.js and Svelte

한마디로, Atropos JS는 터치 친화적 3D Parallax 호버 효과 라이브러리라고 머릿속에 넣어두시면 됩니다.

설치는 아래와 같이  npm 으로 설치하시면 되고요..

출처 : Astropos 홈페이지

스타일 지정은 아래와 같이 하시면 됩니다.

출처 : Astropos 홈페이지


그리고, Astropos JS 관련 특징을 간단하게 정리하자면 아래와 같습니다. 

- 2KB, 의존성 없음  
- Plain JS, React, Vue, Svelte 등에서 사용 가능  
- Pointer Events 사용하여 마우스/터치스크린 동시 지원  
- 다양한 설정 지원  
- 여러개의 개체를 같이 움직이기 지원

좀 더 자세한 사항은 아래 홈페이지 참고부탁드릴께요~

오늘 블로그는 여기까지고요..
항상 믿고 봐주셔서 감사합니다.

728x90
300x250