介绍
本文将介绍如何一步一步制作出一些3D效果的云彩，会用到一些高级的属性，主要是如何通过CSS的3D变换效果来实现，如果你想了解更多，这地方是个不错的开始。
静态效果图
本教程将会分成几个部分，每一部分都会有详细的步骤让你理解HTML,CSS和Javascript都是如何工作的，每一步都有衔接，以及一个链接来测试单个部分的代码效果。 教程里的代码是最终demo的简化版，但是主要区别在每一部分都有说明 。
1.新建一个世界和视角 2.向我们创建的世界里添加对象 3.往我们的对象上添加层 4.让3D效果运行起来 5.最后总结1.新建一个世界和视角
首先，我们需要两个div元素: viewport 和 world。剩下的部分将会在后面动态的加入。
viewport 包含了整一个屏幕和一个摄影机。由于在CSS 3D变换中没有摄影机本身，就假想你在通过一个透明的玻璃屏幕来看屏幕里的视野，你也可以改变看视野的方向。我们将会把所有对象都放在里面，然后对他们进行变换。
world 是一个用来固定所有对象的 div 盒子。 旋转，转化或者放大都变换都会改变我们的元素。 为简单起见，我将不使用CSS属性前缀，而是使用浏览器前缀(-webkit,-moz,-0,-ms等等) 。
这就是我们需要的所有盒子模型：
查看更多关于怎样用CSS做出3D效果的云_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did111434