CSS3 animation中的延時效果是一種非常有用的功能。通過指定動畫的延時，我們可以控制動畫何時開始播放。延時是通過使用“animation-delay”屬性來指定的，在“@keyframes”規則中定義動畫時，可以將它應用于動畫。以下是一個簡單的例子：

.box {
animation-name: move;
animation-duration: 2s;
animation-delay: 1s;
/*延時時間為1秒*/
}
@keyframes move {
0% {
transform: translateX(0);
}
100% {
transform: translateX(200px);
}
}

上面的代碼將一個名為“move”的動畫應用于一個類為“box”的元素。動畫的持續時間為2秒，但是在1秒后才會開始播放。具有延時效果的動畫可以幫助我們在網頁中創建更流暢的用戶體驗，尤其在需要讓用戶等待的情況下。

在使用延時屬性時，需要注意一些內容：

.box {
animation-name: move;
animation-duration: 2s;
animation-delay: 1s;
/*需要注意下面兩點*/
animation-fill-mode: forwards;
/*當動畫結束時，保持最后一個關鍵幀狀態*/
animation-iteration-count: infinite;
/*動畫無限重復播放*/
}

以上這兩個屬性在動畫延時效果中也非常重要。如果我們希望延時結束后，元素保持動畫最后一個關鍵幀的狀態，則需要使用“animation-fill-mode”屬性，并將其值設置為“forwards”。另外，通過將“animation-iteration-count”屬性設置為“infinite”，我們可以讓動畫無限重復播放。

總之，CSS3 animation中的延時效果可以為網頁設計帶來更加流暢的用戶體驗，并且可以通過一些常見的屬性讓動畫效果更加完整、自然。因此，在前端開發中，掌握如何使用延時屬性是非常重要的。