-webkit-perspective(-moz,-o,perspective下同)表示透視範圍大小；
-webkit-transform-style很好理解了，表示變換類型，preserve-3d看上去就是3D效果；
-webkit-animation-name 動畫名稱，像是x軸旋轉(x-spin)，y軸旋轉(y-spin)之類。似乎與as中Tween類的x，y水平還是垂直參數類似。
-webkit-animation-duration 一次動畫持續的時間，這個參數在flash Tween類也是有的，單位也是一樣的，都是秒。
-webkit-animation-iteration-count表示動畫循環的次數，默認是一次，參數infinite表示無窮次。還可以設爲任意的正整數，比如3，動畫循環3次。
-webkit-animation-timing-function運動類型。參數有：ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(, , , )，這些參數歸根結底就是貝賽爾曲線(bezier)（貝塞爾曲線是應用於二維圖形應用程序的數學曲線。曲線的定義有四個點：起始點、終止點（也稱錨點）以及兩個相互分離的中間點。滑動兩個中間點，貝塞爾曲線的形狀會發生變化。），四個參數，只是ease-out記ease-in-out之類的貝塞爾曲線已經設置好了，可以直接拿來用。其對應關係如下：
linear – 線性，是多大值返回多大的值，y=x
ease – 默認的運動類型， 相當於cubic-bezier(0.25, 0.1, 0.25, 1.0)
ease-in – 相當於cubic-bezier(0.42, 0, 1.0, 1.0)
ease-out – 相當於cubic-bezier(0, 0, 0.58, 1.0)
ease-in-out – 相當於cubic-bezier(0.42, 0, 0.58, 1.0)
最後還有個很重要的東西，
@-webkit-keyframes back-y-spin {
0% { -webkit-transform:rotateY(360deg); }
50% { -webkit-transform:rotateY(180deg); }
100% { -webkit-transform:rotateY(0deg); }
}
顧名思意，關鍵幀，就是一些關鍵的位置要做出的一些變化。可以依次解釋爲：y軸反向旋轉時，當旋轉到0%的時候，對象翻轉360度，其實也就是沒有翻轉。當旋轉到50%時，翻轉180%，這是真正意義上的完全翻轉。旋轉100%，即旋轉了一圈之後，回到初始位置。