css3  属性 transition

这个标签是今天新学到的，，，简单回忆一下

w3c解释

这个   是纯css 的动画效果

共有四个属性：

transition-property :     值为需要改变的属性，比如说宽度。

transition-duration :     值为是用的时间，比如说宽度从100px变为300px；设置为两秒 （2s），也可设为毫秒

transition-timing-function   :  

值为表示运动的快慢，分为(linear（匀速），ease（慢快慢），ease-in（慢开始），ease-out（慢结束）

，ease-in-out（慢开始和慢结束），cubic-bezier（四个参数，设置快慢，范围是0~1）)

transition-delay： 值为表示 延时多久开始执行

可以简写--》 transition :width 2s linear 3s ; (改变宽度，2秒内执行完，速度平均，延时3秒)

------------------------------------------------------------------------------------------------------

IE 10 以下的 浏览器 不支持 transition 

------------------------------------------------------------------------------------------------------

为了兼容 多种浏览器，对代码要有所完善；

-moz-     (这个代码加在transition前面，兼容火狐)

-webkit-    (这个代码加在transition前面，兼容safari和谷歌)

-o-    (这个代码加在transition前面，兼容欧朋)

-------------------------------------------------------------------------------------------------------