1、rotate3D（a,b,c,d）4个参数，前三个，对应x,y,z 轴，是标示你是否希望沿着该轴旋转，
是为1，不是为0，最后一个标示旋转的角度。
2、translate3D(a,b,c)三个参数表示沿着X,Y,Z轴的移动距离
3、scale3d 不能自己单独使用，需要配合其他变换效果一起使用，先使用scaleZ，
再使用其他效果
4、支持投影：
-webkit-box-reflect:below 10px -webkit-linear-gradient(top,rgba(0,0,0,0) 50%,
rgba(0,0,0,0.7) 100%);
5、js添加css3转换的浏览器兼容写法
function css3Transform(element, value) {
var arrPriex = ["o", "ms", "Moz", "webkit", ""];
var length = arrPriex.length;
for (var i=0; i < length; i+=1) { element.style[arrPriex[i] + "Transform"]
= value; }
}
6、当您在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。
通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器：
规定动画的名称
规定动画的时长
疑问：还可以添加什么动画属性
属性 描述
@keyframes 规定动画。
animation 所有动画属性的简写属性，除了 animation-play-state 属性。
animation-name 规定 @keyframes 动画的名称。
animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。
animation-timing-function 规定动画的速度曲线。默认是 "ease"。 （linear，匀速，ease低速开始,step-start,step-end, step-start在变化过程中，是以下一帧的显示效果来填充间隔动画,step-end与上面相反，是以上一帧的显示效果来填充间隔动画）
animation-delay 规定动画何时开始。默认是 0。
animation-iteration-count规定动画被播放的次数。默认是 1 infinite无限次播放，或者直接限定次数
animation-direction 规定动画是否在下一周期逆向地播放。默认是 "normal"。 alternate（反向）
animation-play-state 规定动画是否正在运行或暂停。默认是 "running"。 paused
animation-fill-mode 规定对象动画时间之外的状态。none | forwards | backwards | both;
值 描述
none 不改变默认行为。
forwards 当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。
backwards 在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值
（在第一个关键帧中定义）。
both 向前和向后填充模式都被应用。
组合写法：animation: myfirst 5s linear 2s infinite alternate both;