练习------复仇者联盟（设置一个立体盒子）

        1、我们设置一个正方形立体盒子，盒子每一面都为一个图片，主要用到了旋转、平移等一些效果。注意：不要忘记设置视距。

        2、我们可以通过opacity来为元素设置透明效果（以前我们常用的是为颜色设置透明效果）

用法：opacity：数值（0到1之间）；

        3、transform默认为2D的变形效果，虽设置了视距，但也为2D的变形效果，我们可以通过transform-style来设置3D的变形效果。用法：transform-style：preserve-3d；

        4、使用动画来展示这个立体盒子

 

框架：

样式-----外层容器：

 图片样式：