CSS H5 特效是現代 web 開發中非常流行的一種設計風格。通過使用 CSS3 技術，我們可以輕松地實現各種各樣的視覺效果，如動畫、陰影、漸變等等。在本文中，我們將介紹一些常用的 CSS H5 特效及其實現方法。

首先，我們可以使用 CSS3 的旋轉和縮放來創建一個簡單的旋轉特效。只需要在 CSS 中添加以下代碼：

.box {
transition: all 0.5s ease;
}
.box:hover {
transform: rotate(360deg) scale(1.2);
}

這里我們使用了 transition 屬性來定義過渡效果，使其在鼠標經過時才會執行。同時，我們使用了 transform 屬性來實現旋轉和縮放的效果。

除了旋轉特效，我們還可以使用 CSS3 的動畫來創建更復雜的動態效果。例如，下面的代碼可以實現一個流動的漸變背景：

.box {
background: linear-gradient(45deg, #f00, #00f);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
animation: flow 2s infinite linear;
}
@keyframes flow {
to {
background-position: 100% 100%;
}
}

我們使用了 background-clip 屬性來指定背景的顯示區域為文本，并使用 animation 屬性來定義背景動畫的執行方式。

此外，CSS3 還提供了一些其他的特效，如陰影、漸變等等。我們可以通過使用 box-shadow 和 background 屬性來實現這些效果：

.box {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
background: linear-gradient(#f00, #00f);
}

通過這些簡單的 CSS H5 特效，我們可以為我們的網站添加更多的視覺效果，吸引更多的用戶。同時，這些特效也提升了網站的交互性和用戶體驗。