css 动画基本用法

div {animation-name: rainbow; /*动画名称*/animation-duration: 1s; /*这段动画开始到结束总共需要花费多长时间*/animation-fill-mode: forwards; /*动画在结束时元素的样式*/animation-iteration-count: infinite; /*动画运行几次？*/animation-timing-function: linear; /*动画的速度曲线*//*贝赛尔曲线: 曲线的形状代表动画的速度所有的贝赛尔曲线都是从 (0, 0) 开始 (1, 1) 结束*/animation-timing-function: cubic-bezier(.25, .25, .75, .75);}@keyframes rainbow {0% {}50% {}100% {}
}