Lpla 개발 블로그

JavaScript/실전

[JavaScript] Tilt.js 사용하기

1. Tilt.js 소개 Tilt.js 라이브러리를 사용하면 요소에 마우스의 움직임에 따라 변하는 3D 틸트 효과를 부여할 수 있다. 1.71kb로 가볍고 사용법도 간단해서 쉽고 예쁜 효과를 빠르게 구현할 수 있는 장점이 있다. gijsroge/tilt.js A tiny 60+fps parallax tilt hover effect for jQuery. - gijsroge/tilt.js github.com See the Pen Tilt.js by lpla (@lpla) on CodePen. 2. Tilt.js 사용법 Tilt.js 라이브러리를 사용하기 위해서는 제이쿼리와 Tilt.js를 추가해야 한다. 틸트 효과를 부여하는 방법은 두 가지로 첫번째는 해당 요소에 data-tilt를 추가하는 것이다. 두번째..