webdesign/CSS
CSS : 3d
yunsoo.note
2022. 1. 3. 23:57
3D Animated Product Card Using Only HTML & CSS
transform: perspective(400px);
.panel--red {
/* perspective function in transform property */
transform: perspective(400px) rotateY(45deg);
}
.scene--blue {
/* perspective property */
perspective: 400px;
}
.panel--blue {
transform: rotateY(45deg);
}