CSS3動畫是Web頁面開發(fā)中不可或缺的一部分。而CSS3動畫的多行屬性則可以讓我們實現(xiàn)更加豐富的動畫效果，如下面的例子：

/*定義動畫*/
@keyframes shake {
0% { transform: translateX(0); }
10% { transform: translateX(-10px) rotate(-5deg); }
20% { transform: translateX(10px) rotate(5deg); }
30% { transform: translateX(-10px) rotate(-5deg); }
40% { transform: translateX(10px) rotate(5deg); }
50% { transform: translateX(-10px) rotate(-5deg); }
60% { transform: translateX(10px) rotate(5deg); }
70% { transform: translateX(-10px) rotate(-5deg); }
80% { transform: translateX(10px) rotate(5deg); }
90% { transform: translateX(-10px) rotate(-5deg); }
100% { transform: translateX(0) rotate(0); }
}
/*應用動畫*/
.box {
animation-name: shake;
animation-duration: 1s;
animation-iteration-count: infinite;
}

如上所述，我們首先定義了一個名為shake的動畫，它的關鍵幀定義了從初始狀態(tài)到最終狀態(tài)之間的變化。然后我們使用animation-name指定要使用的動畫名稱，animation-duration指定動畫持續(xù)時間，animation-iteration-count指定動畫循環(huán)次數(shù)。

除了定義多行的關鍵幀動畫之外，CSS3動畫還支持許多其他功能，如動畫緩動、動畫延遲和動畫播放方向。通過深入了解這些功能，我們可以為我們的Web頁面創(chuàng)建出令人矚目的動畫效果。