css过渡

过渡

实现动画效果一个主要特性就是过渡，属性值得变化实现过渡，触发动画产生交互。是一个元素它的属性从一个值变化到另一个值得过程

1、允许css属性值在一定得时间区间内平滑得过渡

2、在鼠标点击，获得焦点，被点击或对元素人格改变中触发，并圆滑得以动画效果改变css得属性值

3、兼容性:ie10+ firefox16+ chrome26+
safari6.1+ opera12.1+

Transition属性：

1、transition-property属性：

2、概念：检索或设置对象中得参与过渡得属性

3、语法：none | all  |  property

4、参数说明：

(1)     None(没有属性改变)

(2)     All(所有属性改变)  –  默认值

(3)     Property(元素属性名)

Transiton-duration属性：

1、检索或者设置过渡得持续时间

2、语法：time

3、参数说明：

(1)     规定完成过渡效果所需要花费得时间（s   ms）

(2)     默认值0