css3-过渡transtition

语法

transition :property duration timing-function delay;
参数：property指定对哪呢个css属性值进行过渡

          none(没有属性改变)；all（所有属性改变）这个也是其默认值；indent（元素属性名如color）
          duration：规定过渡需要的时间（单位s/ms）
          timing-function:规定速度效果（匀速，变速）

          1、ease：（逐渐变慢）默认值，ease函数等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0).

          2、linear：（匀速），linear 函数等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0).

          3、ease-in：(加速)，ease-in 函数等同于贝塞尔曲线(0.42, 0, 1.0, 1.0).

          4、ease-out：（减速），ease-out 函数等同于贝塞尔曲线(0, 0, 0.58, 1.0).

          5、ease-in-out：（加速然后减速），ease-in-out 函数等同于贝塞尔曲线(0.42, 0, 0.58, 1.0)

          6、cubic-bezier：（该值允许你去自定义一个时间曲线） (x1, y1, x2, y2)四个值特定于曲线上点P1和点 P2。所有值需在[0, 1]区域内，否则无效。
          delay:定义效果何时开始

注：几个transition的声明串在一起，用逗号（“，”）隔开

      transition-delay与transition-duration的值都是时间，浏览器会根据先后顺序决定，第一个可以解析为 transition-duration第二个为transition-delay

 

兼容性