css3 tranform perspective属性

perspective 属性用于规定观察点距离元素的距离，

1 观察点距离元素越近，元素变形就越大，灭点距离越近。

2 观察点距离元素越远，元素变形越小，灭点距离也就越远。

好比设置perspective属性值为1200px，那么就是观察点距离元素的距离是1200px.须要注意的是，此值是给解析器看的，生成具备立体效果图形，而不是说让你距离屏幕1200px去观察；视点的位置能够结合perspective-origin属性进行调整；

perspective属性的使用还要有以下几点须要注意：

1此属性在舞台元素上设置，对进行3D变换的子元素生效；

2 若是子元素不是3D变换元素，那么没有任何效果。

3 与persperctive(n)做用相同；区别在于应用的元素对象不一样，此元素直接应用于当前元素，perspectiive(n)应用于当前元素的舞台元素也就是当前元素的父元素；

使用perspective属性实现3D效果demo 见 css3 利用perspective实现翻页效果和正方体 以及翻转效果