CSS - 左右摇曳摆动动画（无限循环）

效果图

代码

@-webkit-keyframes zy{ 
	10% { 
	  transform: rotate(15deg); 
	} 
	20% { 
	  transform: rotate(-10deg); 
	} 
	30% { 
	  transform: rotate(5deg); 
	} 
	40% { 
	  transform: rotate(-5deg); 
	} 
	50%,100% { 
	  transform: rotate(0deg); 
	} 
}

/* 使用 */
.content {
	animation: zy 2.5s .15s linear infinite;
	animation: zy 2.5s .15s linear infinite;
	animation: zy 2.5s .15s linear infinite; 
	animation: zy 2.5s .15s linear infinite;
}

/* 兼容写法 */
animation: zy 2.5s .15s linear infinite;
-moz-animation: zy 2.5s .15s linear infinite; /* Firefox */
-webkit-animation: zy 2.5s .15s linear infinite; /* Safari and Chrome */
-o-animation: zy 2.5s .15s linear infinite; /* Opera */