CSS3技术动画---笔记

transition：

transition-property:规定设置过渡效果的CSS属性的名称，默认值为all，或指定css属性的名称，给对应属性增加过度效果；

示例：

div{ transition-property:width 1s; width: 100px;}

div:hover{ width:200px; }

若增加颜色过渡效果，width需改为all,针对宽度、颜色所有属性的过渡；

transition-duration:规定完成过渡效果需要多少秒或毫秒（s|ms）；

示例：

div{ transition-property:width; width:100px; transition-duration:1s;}

div:hover{ width:200px; }与上例效果一致

transition-timing-function:规定速度效果的速度曲线，默认值为linear；

  值            |                                     |
  | -------------------| ------------------------------------------------------- |
  | linear         | 动画匀速