1、我们设置一个正方形立体盒子,盒子每一面都为一个图片,主要用到了旋转、平移等一些效果。注意:不要忘记设置视距。
2、我们可以通过opacity来为元素设置透明效果(以前我们常用的是为颜色设置透明效果)
用法:opacity:数值(0到1之间);
3、transform默认为2D的变形效果,虽设置了视距,但也为2D的变形效果,我们可以通过transform-style来设置3D的变形效果。用法:transform-style:preserve-3d;
4、使用动画来展示这个立体盒子
框架:
样式-----外层容器:
图片样式: