CSS3中的延時與旋轉是網頁設計中常見的效果，可以讓網頁更加生動有趣。

延時效果在CSS3中通過transition屬性來實現，可以讓元素在進行狀態變化時有一個從開始到結束的平滑過渡。例如，我們可以給一個按鈕添加hover效果：

.btn {
background-color: blue;
color: white;
padding: 10px 20px;
transition: background-color .5s ease;
}
.btn:hover {
background-color: red;
}

上述代碼中，我們在按鈕的樣式中定義了transition屬性，該屬性可以接受三個值，分別為屬性名稱、持續時間和緩動函數。在按鈕被hover時，它的背景色會經過.5秒的過渡變為紅色。

旋轉效果在CSS3中通過transform屬性來實現。例如，我們可以給一個圖片添加旋轉效果：

.img {
transition: transform .5s ease;
}
.img:hover {
transform: rotate(360deg);
}

上述代碼中，我們在圖片的樣式中定義了transform屬性，該屬性可以接受多個值，其中rotate(value)可以讓元素以指定角度旋轉。在圖片被hover時，它會以360度旋轉。

綜合應用延時和旋轉效果，我們可以讓按鈕在被hover時以360度旋轉：

.btn {
background-color: blue;
color: white;
padding: 10px 20px;
transition: transform .5s ease;
}
.btn:hover {
transform: rotate(360deg);
}

上述代碼中，我們僅對按鈕樣式中的transition和:hover做了修改，讓按鈕在被hover時旋轉360度。