在CSS中，我們可以為元素添加動畫效果，讓網頁更加豐富多彩。當我們為元素添加動畫效果時，有時候需要延遲一段時間再開始播放動畫，這時可以通過使用delay屬性來實現。

div {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 3s;
animation-delay: 1s; /* 延遲1秒 */
animation-iteration-count: infinite;
}
@keyframes example {
0% {transform: translateY(0);}
50% {transform: translateY(50px);}
100% {transform: translateY(0);}
}

在上面的代碼中，我們首先定義了一個div元素，給它設置了寬高和背景顏色，并為它添加了一個名為example的動畫效果。這個動畫效果會持續3秒，并且會不斷重復播放。

接下來，我們為這個動畫添加了一個延遲時間，延遲1秒后才開始播放動畫。這通過設置animation-delay屬性來實現。

最后，在@keyframes中定義了example動畫的具體效果。這個動畫會使div元素向上移動50px，然后再回到原來的位置，這個過程會在整個動畫周期內不斷重復。

通過使用delay屬性，我們可以靈活地控制動畫效果的開始時間，讓網頁呈現出更加流暢和美觀的效果。