CSS3 是一種流行的網頁樣式語言，它可以給我們帶來很多驚人的特效。本文將會介紹一些使用 CSS3 實現簡單圖片特效的方法。 要實現這些特效，我們將會需要使用到一些 CSS3 屬性，如 transition，transform，opacity 等等。下面是一些常用的簡單特效示例。 1. 圖片放大效果 通過 CSS3 的 transform 屬性，我們可以實現圖片放大的效果。具體代碼如下： ```

.zoom:hover {
transform: scale(1.2);
}

``` 2. 圖片旋轉效果 使用 CSS3 的 transform 屬性和動畫效果，我們可以很容易地實現圖片旋轉的效果。具體代碼如下： ```

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

``` 3. 圖片透明度效果 使用 CSS3 的 opacity 屬性，我們可以使圖片逐漸變得透明或不透明。具體代碼如下： ```

.fade {
transition: opacity .5s ease;
}
.fade:hover {
opacity: .5;
}

``` 4. 圖片邊框效果 使用 CSS3 的 border 屬性，我們可以給圖片添加不同的邊框效果。具體代碼如下： ```

.border {
border: 2px solid #000;
transition: border .5s ease;
}
.border:hover {
border-color: #f00;
}

``` 總結 使用 CSS3 可以很容易地實現圖片的簡單效果，讓網頁變得更加生動有趣。本文介紹了一些常見的簡單特效示例，大家可以根據自己的需求選擇相應的效果。希望本文對大家學習 CSS3 圖片特效有所幫助。