css 动画基础配置说明

span {　　
　　animation: roll 0.8s;

　　animation-fill-mode: forwards; // 执行一次,  infinity // 执行多次

　　animation-timing-function: ease; // 动画方式 贝塞尔曲线
}
@keyframes roll {
　　from {
　　　　transform: rotate(0deg);
　　}
　　to {
　　　　transform: rotate(360deg);
　　}
}