Xuanmo Blog

transition是css3新增属性，可不用JavaScript、jQuery、flash等实现一些动画，以下为个人笔记：
transition:简写属性，一共4个值；
  transition-property:css属性名，width、height...；
  transition-duration:过渡需要花费的时间，默认为0；
  transition-timing-function:运动曲线；共6个值：linear（匀速）、ease（慢速开始，然后加快，慢速结束）、ease-in（慢速开始）、ease-out（慢速结束）、ease-in-out（慢速开始，慢速结束）、cubic-bezier（cubic-bezier函数中自定义值）默认为ease；
  transition-delay:定义何时执行过渡，默认为0，无延时。
推荐一个cubic-bezier可视化网站：http://cubic-bezier.com
DEMO展示