1.transition
transition直译为过渡,是一个简写属性,用于设置四个过渡属性
- transition-property 规定应用过渡属性的css属性名称。例:opacity
- transition-duration 规定完整过渡所需要花费的时间,以秒或毫秒记。例:3s
- transition-timing-function 规定过渡效果的速度曲线,默认值ease。linear:以相同的速度从开始至结束;ease:慢速开始,变快,慢速结束;ease-in:慢速开始;ease-out:慢速结束;ease-in-out:慢速开始和结束,比ease慢
- transition-delay 规定过渡效果延时多长时间开始。例:2s
2.animation
animation可以完成多个动作