CSS : 3D card effect / tilt.js

https://micku7zu.github.io/vanilla-tilt.js/

http://gijsroge.github.io/tilt.js/

youtube : Javascript Mousemove 3D Parallax Tilt Effect using Vanilla tilt.js | 3D Tilt Hover Effects

youtube : 3D profile card on hover by vanilla tilt.js

 

Awesome 3D ANIMATION Javascript Tutorial!     by Dev Ed

https://github.com/developedbyed/3d-card-effect

크롬 에러 교정 :  (사파리는 아래 교정 없이 잘 돌아감)

body에서 /* perspective: 1000px; */  지우기

.container : 아래 추가

transform-style: preserve-3d; /* added */

perspective: 1000px; /* added */

.sneaker : 아래 추가

transform-style: preserve-3d; /* added */

.info 추가

.info { /* added */

transform-style: preserve-3d;

}

 

 

Background Parallax Effect on Mousemove using Vanilla Javascript