java中钟摆运动的代码_CSS3中的3D动画实现(钟摆、魔方)--实现代码

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轴旋转*/

}