在css动画中,我们最常用的就是 transition 属性。当然除了transition 还有animation 、transform等。
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