参考w3school

自动的播放动画,而不是需要像过渡Transition那样,需要hover一下

@keyframes animation-name:申明动画

animation 包含以下全部动画属性的快捷属性集属性, animation-play-state属性除外

属性描述
animation-name动画名
animation-duration动画周期. Default 0s
animation-timing-function动画效果类型. Default "ease"
animation-delay定义何时动画开始播放. Default 0s
animation-iteration-count动画播放次数. Default 1,无限infinite
animation-direction是否使用交流方式播放. Default "normal"
animation-play-state定义动画是运行中,还是暂停Default "running"
延时播放(animation-delay)

无限次数(animation-iteration-count:infinite), 交流电压方式播放(animation-direction:alternate)

MARKBUILD