CSS 加班之外的消遣----样式过渡

声明：加班之后无聊消遣，雁过留痕，看过总要留下点什么且当涂鸦吧。

内容：过渡

版本要求：css3

描述：

当元素从一种样式变换为另一种样式时为元素添加效果。（无flash,无javascript）

属性：

transition

浏览器支持：

Internet Explorer 不支持 transition 属性。

Firefox 4 需要前缀 -moz-。

Chrome 和 Safari 需要前缀 -webkit-。

Opera 需要前缀 -o-。

下面的表格列出了所有的转换属性：

属性	描述	CSS
transition	简写属性，用于在一个属性中设置四个过渡属性。	3
transition-property	规定应用过渡的 CSS 属性的名称。	3
transition-duration	定义过渡效果花费的时间。默认是 0。	3
transition-timing-function	规定过渡效果的时间曲线。默认是 "ease"。	3
transition-delay	规定过渡效果何时开始。默认是 0。	3

transtion 属性只说明

那个属性在变化的时候 会有动画效果，

过渡的时间

过渡的效果变化曲线

过度效果的延时

具体的动画效果要根据变化的内容而定，因此配合一定的变化会有意想不到的效果。

与 transform配合，可实现旋转动画