css 动画

参考文档https://www.runoob.com/cssref/css3-pr-animation.html

css简单动画

.rotate {
	transition: all .3s ease-in-out;  /*后续直接改样式，用来控制rotate（比如延迟一秒修改width为50%）*/
}

css自定义动画

@keyframes rotate{ 
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(360deg);
	}
}
.rotate {
	animation: rotate 3s linear infinite;  /*开始动画后无限循环，用来控制rotate*/
}