CSS 動畫是讓網站更加生動和吸引人的重要一環。但是有些時候，我們希望動畫不是立刻就開始執行，而是有一定的延遲。這時候，CSS 提供了一種很方便的方法來控制動畫的延遲執行。

要讓動畫延遲執行，我們可以使用 CSS 的animation-delay屬性。這個屬性可以控制動畫從何時開始執行。

下面是一段代碼演示如何使用animation-delay屬性：

.box {
width: 100px;
height: 100px;
background-color: red;
animation: move 2s ease-in-out 1s;
}
@keyframes move {
from {transform: translateX(0);}
to {transform: translateX(100px);}
}

這段代碼定義了一個名為.box的元素，它會執行一個名為move的動畫。但是這個動畫不是立刻就執行，而是在 1 秒之后才開始執行。

在上面的代碼中，關鍵的一行是animation: move 2s ease-in-out 1s;。這一行定義了動畫的執行方式，包括動畫的名稱、執行時間（2s）、執行方式（ease-in-out）和延遲時間（1s）。

需要注意的是，animation-delay的時間單位是秒（s）或毫秒（ms），并且可以使用小數。

總而言之，通過使用animation-delay屬性，我們可以很容易地控制 CSS 動畫的延遲執行，讓網站更加動態和有趣。