推荐几个网站 animation.css hover.css sshake

transition 过渡动画

alt

alt

transition-property;指定要渐变的元素属性

指定宽度属性渐变(一个属性)

alt

指定所有属性渐变(这里有 宽度+背景)

alt

transition-duration;指定渐变时长 ms|s

alt

transition-timing-function

alt

transition-delay

也可以分开写

alt

不要全部属性,多个属性

alt

alt

时间设置有负值

因为动画时长不可能为负值;所以延迟时间可以为负值。代表直接会从中间一点开始,相当于快进到那个地方开始。(延迟的负值)

可以多个伪类一起作用

alt