动效开发 2：聊⼀聊 3D
我们在前⼀⼩节的案例中制作了⼀个⽴⽅体，其实就已经接触到了
3D。
所有东⻄⼀跟 3D 扯上关系，复杂指数都是噌噌噌往上⾛。不过也正
常，毕竟多了⼀个维度，要有三维应有的尊严。
3D Transforms 要怎么写？能写翻牌效果吗？能写翻书效果吗？能
写出⽴体书的效果吗？往下看，答案都在这⾥⾯。
很多时候，仅仅将元素进⾏⼆维层⾯的变换显然不是⼈类的终点，毕
竟⼗⼆维空间都可能不是极限（视频: 从⼀维空间到⼗⼆维空间
(http://v.youku.com/v_show/id_XNjA0MjU5NzA4.html?
from=s1.8-1-1.2)）。
Intro to 3D Transforms
(https://desandro.github.io/3dtransforms/) 的作者 David
DeSandro 说，现在可是 21 世纪，可我们竟然还在跟三⼗年前的⼆
维空间界⾯扯⽪。所幸 2011 年，我们有了 CSS3，我们还有了 3D
Transforms，真是⼀个值得奔⾛相告的⼤事件。
3D 变换相较 2D 变换，坐标系中多了 Z 轴，也就意味着物体除了上
下左右，还可以前后移动。⽽ rotate 在 2D 中的旋转⽅式，在 3D
中与 rotateZ 相当。
那么，单纯地将 transform 中的参数扩展出 Z 维度，就能实现 3D
效果了吗？我看⻅ CSS3 笑了。
perspective 概念理解
剩余10页未读，继续阅读
资源评论
