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前面，兼容欧朋)

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