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