CSS3 animation动画使用方法

.demo.on
{
	animation-name: rotateInDownLeft;/*所需运行的动画名称*/
	animation-duration: 5s;/*在5秒内完成动画*/
	animation-delay: 3s;/*等待3秒开始动画*/
	animation-iteration-count: 1;/*动画运行次数，最后停止，数字或infinite（无限次），*/

	下面尚未测试
	/*animation-direction: alternate;轮流反向播放动画*/
	/*animation-timing-function: linear;规定动画的速度曲线。*/
	/*animation-fill-mode: forwards;执行后结束停留*/
}

搭配Animate.css做一些简单的特效很方便。