css3添加了许多非常实用的属性，其中 3D 属性就就有着非常棒的页面效果，那么动态的3D是如何做出来的呢，这里小编就给大家分享一下自己放动态立体图过渡效果事例；12控制立体图转动——css315用 css3 在网页中完成立体图
工具/原料
1
电脑
2
Sublime text 2
方法/步骤
2
然后控制一下 stage（舞台）的视距和视点和container（容器)的样式，然后设置为支持 3D ；关键代码：-webkit-transform-style：preserve-3d；
3
总体控制一下六个div的样式，和在div中的文字样式；opacity：0.7；控制透明度position：absolute；定位
4
然后菊返泉我们分别控制每个面销鉴的位置和旋转角度，然后以此组成立方体；完成之后的效果图，如图二；
5
然后我们控制一下容器的角度，算是间接的控制了整个 立体图的角度，然后我们可以看到，立体图更此英加的真实；（注意 transition 这个属性）
6
之后就是控制实现过渡效果，用 ：hover 选择器实现鼠标悬停改变样式，图二的效果就可以实现，然后配合 transition 这个属性，添加过渡效果（属性放在了 容器container选择器内）
注意事项
1
个人学习事例，仅作分享；
2
注意浏览器的兼容性；
上一篇：App启动页面设计