技術標籤：+ CSS

效果圖

程式碼

@-webkit-keyframes demo{ 
	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 */