-webkit-transition -moz-transition transition

-webkit-transition  -moz-transition transition

可以定义动画的变化时间曲线
-webkit-transition-timing-function: ease-out ,cubic-bezier(x1,y1,x2,y2);
（2）-webkit-transition-property指定发生变化的属性
-webkit-transition-property: opacity;
（3）-webkit-transition-duration制定发生变化的时间
-webkit-transition-duration: 2s;
-webkit-transition-delay 指定在变换开始之前的时间延迟
 -webkit-transition: opacity 500ms ease-out 100ms;

 

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;