webdesign/CSS
CSS : 3D card effect / tilt.js
yunsoo.note
2022. 1. 7. 23:15
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