CSS3 Transform

transform 变形包括

rotate:旋转，scale:缩放,   skew:扭曲，   translate:移动，  matrix:矩阵变形          五种属性

 transform: rotate | scale | skew | translate |matrix;

 

 

Transition 允许css属性在一时间段类过度

transition-timing-function: 过渡效果的速度曲线

transition-timing-function: linear|ease|ease-in|ease-out|ease-in-out|cubic-
bezier(n,n,n,n);

transition-duration：过度效果的持续时间　

transition-duration: time;

 

object.style.transitionDuration="5s"

　　

transition-property:设置过度效果的css属性名称，当该属性改变时过度效果起作用　

transition-property: none|all|property;　　

 

object.style.transitionProperty="width,height"