css 动画 - 这次不会忘记了

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% {
	}
}