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實現翻頁效果和正方體 以及翻轉效果