CSS3中的動畫效果是網頁設計中不可或缺的一部分。通過CSS3，我們可以輕松地實現各種動畫效果，比如平移、旋轉、縮放等等。在這些基本的動畫效果之外，CSS3還提供了一種很有用的功能：延長動畫。

/* CSS3動畫基本語法 */
.animation {
animation: NAME DURATION TIMING-FUNCTION DELAY ITERATION-COUNT DIRECTION FILL_MODE PLAY_STATE;
}
/* 延長動畫語法 */
animation-delay: time;

延長動畫是一個很簡單的概念，就是在動畫結束后再延遲一段時間再重復播放。這個時間可以通過animation-delay屬性來設置。

下面是一個簡單的例子：

.box {
width: 100px;
height: 100px;
background: red;
animation: example 2s ease-in-out 0s infinite alternate;
animation-delay: 2s;
}
@keyframes example {
from {
transform: translateX(0);
}
to {
transform: translateX(300px);
}
}

在上面的例子中，我們定義了一個動畫效果，讓一個紅色的方框沿著X軸方向平移300個像素，動畫時長為2秒。將animation-delay屬性設置為2秒后，動畫就會在結束后再延遲2秒再重復播放。

延長動畫對于一些需要循環播放的動畫效果非常有用。在上面的例子中，我們將animation的iteration-count屬性設置為infinite，這樣就可以讓動畫無限重復播放。

在實際應用中，我們可以通過延長動畫來實現一些炫酷的效果。比如可以讓元素在頁面上延遲一段時間后才出現，或者可以讓元素播放完動畫后再隱藏起來，等待下一次觸發。

總之，CSS3的延長動畫為我們提供了一個非常便利的功能，通過它我們可以實現更多更豐富的動畫效果。要理解如何使用它，只需要記住animation-delay屬性即可。