CSS 3D 转换

总结

目录

• 介绍
• 透视
• 3D transform 函数
• 卡片翻转
• 立方体
• 盒子
• 旋转木马
• 总结
• 返回目录

3D 转换改变了我们在一块空白画布上设计页面的方式。或者更确切地说，改变了画布本身，把平坦的表面变成一个功能强大的立体的装置。

我希望您至少扫一眼其中一个demo并对此感兴趣。我们作为网页设计师，之前因为CSS3边框圆角、盒阴影和背景渐变的出现而欢欣鼓舞，而现在拥有了一个令人难以置信的 3D 变换工具。它们值得我们向对以前的浏览器功能一样投入同样的热情、研究和实验。现在是开始利用CSS 3D 提升我们技术的最佳时刻，我对未来CSS 3D变换带来的转变发生非常期待。

让我们在3D盒子的背面相见。

关于作者

David DeSandro是Masonry、 Isotope和Flickity 的作者，这些插件是网络上一些最流行的开源插件。他经营着Metafizzy，开发维护插件和设计徽标。他住在弗吉尼亚州的亚历山大市。

译者

若愚，在饥人谷教授前端课程，微信 xeidaimala03 能找我～