原文：css3 perspective perspective-origin属性的理解
perspective字面意思是：透视。 在w school中它的解释为:设置元素被查看位置的视图：通俗讲，就是我们看看一个物体的所处的视角，近大远小。就比如我们正对着电脑：当我无限贴近电脑屏幕的时候，电脑的屏幕就无限大 当我们站起来远离电脑的时候，电脑的屏幕就无限变小。 如果我们不要perspective这个属性的话， 那么你看到的就不再是一个矩形的旋转，而是一个矩形逐渐变窄，然后逐渐变宽，因 ...
2016-12-21 10:40 2 1990 推荐指数：
相关推荐
以下两行语句有什么区别？ Css <div id="animateTest" style="-webkit-transform: perspective(400px) rotateY(40deg);"> Css ...
本文主要通过摩天轮式图片轮播的例子来讲解与css3 3D有关的一些属性。 demo预览： 摩天轮式图片轮播 （貌似没兼容360 最好用chrome） 3D正方体（chrome only） 3D标签云（css3版 chrome only） 3D标签云（js版 ...
会根据transform动画的变化来进行重新的渲染。 所以当使用js或Css3进行动画时，尽量选择后一种 ...
视距-用来设置用户与元素3d空间Z平面之间的距离。 实例1： HTML： CSS： 演示demo: 鼠标放到图片上面来查看效果哦！(图片反转360度 ...
perspective 简单来说，就是设置这个属性后，那么，就可以模拟出像我们人看电脑上的显示的元素一样。比如说， perspective：800px 意思就是，我在离屏幕800px 的地方观看这个元素。(这个属性，要设置在父元素上面) (这个属性呢，有着很冷门的知识请认真看完 ...
css3中的坐标系，rotateX就是绕着x轴旋转，rotateY就是绕着Y轴旋转，rotateZ就是绕着z轴旋转（也就是xy平面的旋转）。 perspective属性用来设置视点，在css3的模型中，视点是在Z轴所在方向上的。 translateX,translateY表现出在屏幕中 ...
-- css3属性，可以对元素进行变换(2d/3d)，包括平移translate,旋转rotate,缩放 ...