CSS3已經成為了網頁設計必不可少的一部分，它帶來了許多新的特性，其中一個非常有趣的特性就是能夠實現單張圖片的炫酷效果。下面我們將介紹如何使用CSS3實現這些效果，幫助你的網站更加生動有趣。

.image-container {
position: relative;
width: 300px;
height: 200px;
overflow: hidden;
}
.image-container img {
display: block;
width: 100%;
height: 100%;
transition: transform 0.5s ease-in-out;
}
.image-container:hover img {
transform: scale(1.2);
}

這是一個非常簡單的CSS3代碼段，它實現的效果是當鼠標懸停在一張圖片上時，圖片會放大1.2倍。首先，我們需要一個包含圖片的容器，在容器中定義圖片的屬性，以及圖片在鼠標懸停時的變化。

.image-container:hover img {
transform: rotate(45deg);
}

如果你想要讓圖片在鼠標懸停時旋轉，只需要將代碼改為上面的代碼即可。rotate（旋轉）是CSS3的一個屬性，它可以將元素按照指定的角度旋轉。在這個例子中，我們將圖片旋轉了45度。

.image-container:hover img {
transform: scale(1.2) rotate(45deg);
}

如果你想要將多個效果組合在一起，只需要給transform屬性添加多個參數即可。比如，在這個例子中，我們將圖片放大1.2倍并旋轉45度。

除了上述的效果之外，CSS3還有很多其他的屬性和方法可以實現單張圖片的炫酷效果。希望大家可以通過不斷的嘗試和實踐，掌握CSS3的強大能力，讓你的網站更加生動有趣！