css动画属性

在css动画中，我们最常用的就是 transition 属性。当然除了transition 还有animation 、transform等。

1. transition ：允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。

transition ：transition-property || transition-duration || transition-timing-function || transition-delay;

• transition-property

transition-property: none || all || property;

none: 没有属性会获得过渡效果；

all: 所有属性都将获得过渡效果,也是其默认值；

property: 定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。

• transition-duration:

transition-duration: time;

transition-du