在CSS中，我們可以使用@keyframes關鍵字來定義動畫序列。但是當需要定義多個動畫時，不同的動畫序列之間需要有一個區分。這時，我們可以為不同的動畫序列取不同的名稱，然后在元素的CSS樣式中引用它們。下面來看一些具體的代碼實例。

/* 定義兩個動畫序列 */
@keyframes move-up {
from { transform: translateY(0%); }
to { transform: translateY(-100%); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* 在CSS樣式中引用它們 */
#my-element {
animation-name: move-up, spin;
animation-duration: 2s, 1s;
animation-iteration-count: infinite, 2;
animation-timing-function: ease-in-out, linear;
}
/* 上面的代碼意為：
在#my-element上應用兩個動畫序列，名稱分別為move-up和spin，
持續時間分別為2秒和1秒，
循環次數分別為無限和2次，
動畫速度分別為緩進緩出和勻速。*/

除了animation-name, duration, iteration-count, timing-function這些常用屬性外，還有很多其他的動畫屬性，比如animation-delay、animation-direction、animation-fill-mode等。使用這些屬性可以實現更復雜的動畫效果。

總之，通過為不同的動畫序列取不同的名稱，我們可以定義多個動畫，并且在CSS樣式中為元素應用它們，從而實現多種復雜的動畫效果。這不僅能增強網頁的視覺效果，還可以提高用戶體驗，增強用戶對網站的印象。