HTML和CSS是網頁設計中必不可少的兩個工具，通過它們不僅能夠實現頁面的基本布局，還能夠添加各種炫酷的特效。其中，圖片特效是最為常見的一種，可以讓網頁更加美觀，增強用戶體驗。 下面，我們將介紹幾個常見的HTML和CSS圖片特效代碼，以供參考。 一、圖片旋轉特效 在HTML中，我們可以使用標簽來顯示圖片，在CSS中，則可以通過旋轉屬性來實現圖片旋轉。例如，以下代碼可以讓圖片以中心點為軸心順時針旋轉45度：

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

二、圖片放大特效 圖片放大特效通常用于強調某一個細節或內容，讓用戶更加關注。在CSS中，我們可以使用transform屬性和scale()函數來實現圖片的放大縮小。以下是一段代碼示例：

.img-zoom {
transition: all 0.3s ease-in-out;
}
.img-zoom:hover {
transform: scale(1.2);
}

三、圖片移動特效 圖片移動特效可以讓網頁更具動感和趣味性。在CSS中，我們可以使用position屬性和top、left屬性來實現圖片的移動。以下是一段代碼示例：

.img-move {
position: relative;
}
.img-move:hover {
top: -20px;
left: 20px;
}

總之，HTML和CSS提供了許多實現圖片特效的方法，通過靈活的運用可以使網頁更加美觀和具有吸引力。