perspective产生视觉远近效果 |

perspective产生视觉远近效果

属性定义：
perspective 指定观察者与「z=0」平面（电脑屏幕）的距离，使其具有三维位置变换的元素产生视觉远近效果。
「z>0」的三维元素是看不见的，而「z<0」时则比正常小，大小程度由perspective属性的值决定。 Z的值不变的情况下，改变perspective的值，可以改变视觉的远近效果。
当然Z(Z轴)是元素与观察者的距离，perspective的值不变的情况下，Z的值得大小也能改变元素在视觉上的大小。这是根本原因。
取值：

none：不指定透视，默认值。
以px为单位的数值：指定观察者距离「z=0」平面的距离，为元素及其内容应用透视变换。不允许负值，值越小越效果明显。无需带单位px。
注意：
当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身获得该效果。意思是元素要获得远近透视效果，需要为该元素的父元素指定perspective属性。
perspective 属性只影响 3D 转换元素。