CSS3中的3D动画实现(钟摆、魔方)
transition-property 过渡动画属性 all|[attr]
transition-duration 过渡时间
transition-delay 延迟时间
transition-timing-function 运动类型
ease:(逐渐变慢)默认值
linear:(匀速)
ease-in:(加速)
ease-out:(减速)
ease-in-out:(先加速后减速)
cubic-bezier 贝塞尔曲线( x1, y1, x2, y2 )
http://cubic-bezier.com/
CSS3的2D变形----传统的transform变形效果
transform : translate、scale、rotate、skew…
translate:平移、scale:缩放、rotate:旋转、skew:倾斜
transform/*rotate(30deg):默认就是沿着垂直于屏幕方向的轴旋转的
rotateX:沿着X轴旋转
rotateY:沿着Y轴旋转*/
}