CSS3D之 perspective、perspective-origin属性

在上一篇博客CSS33D相册一文中可以看到，实现该3D效果的关键在于：利用transform改变各个元素位置利用transition增加动态效果利用perspective属性改变视角transform和transition两个属性都比较好理解，只是perspective视角问题在上一篇博客中没有详细介绍，所以今天就来介绍下perspective以及perspective-origin属性。1perspectiveperspective指的是：Z平面距离用户之间的距离，浏览器通过该距离来计算用户的视角大小，从而制造出近大远小的3D效果。当元素的z-index大于0或者元素在Z轴正向移动后，元素的大小都会超过实际大小；同理，当元素的z-index小于0或者在Z轴反向移动后，元素大小都会小于实际大小。接下来我们来看一个实际的例子：