-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%，即旋转了一圈之后，回到初始位置。