CSS之透視perspective屬性

• 透視原理： 近大遠小 。
• 瀏覽器透視：把近大遠小的所有圖像，透視在屏幕上。

書寫方式不同的定義

perspective有兩種定義方式，如下

.class{
  perspective: 800px;
}
.class{
  transform: prespective(800px)
}

單獨定義的perspective只在初次渲染時，投影在屏幕上。

寫在transform中的perspective會根據transform動畫的變化來進行重新的渲染。

所以當使用js或Css3進行動畫時，盡量選擇后一種定義方式。