CSS3是一種強大的樣式語言，能夠為網站和應用程序添加各種特效和動畫效果。在本文中，我們將介紹如何使用CSS3來為圖片添加特效，讓你的網站更加生動有趣。

首先，我們需要有一張圖片。假設我們有一個id為“image”的img元素，代碼如下：

<img id="image" src="example.jpg"/>

現在我們想要為這張圖片添加一些旋轉和縮放的效果?？梢允褂肅SS3的transform屬性來實現。首先定義一個CSS類：

.rotate{
transform: rotate(45deg) scale(1.5);
}

該類將把圖片旋轉45度并將其放大1.5倍。現在我們可以使用JavaScript來動態地將該類添加到圖片上：

var image = document.getElementById("image");
image.classList.add("rotate");

現在，每當頁面加載時，圖片將會自動應用該特效并旋轉45度并放大1.5倍。但是，當我們希望刪除這個類時，我們只需將其從元素的classList中移除：

var image = document.getElementById("image");
image.classList.remove("rotate");

我們還可以使用CSS3的transition屬性來為特效添加平滑的過渡效果。例如：

.rotate{
transform: rotate(45deg) scale(1.5);
transition: all 0.3s ease;
}

該類現在會在0.3秒內以平滑的方式過渡到新的屬性值。你可以嘗試調整過渡的屬性值和時間，以獲得最佳效果。

以上就是如何使用CSS3為圖片添加特效的介紹。希望這篇文章對你有所幫助！