在網頁設計中，使用圖片可以為網站增加色彩和個性化效果。而利用CSS實現簡單的圖片特效也可以為網頁增添一些活力。下面介紹幾種常用的CSS圖片代碼特效：

/*1.鼠標懸停放大*/
img:hover {
transform: scale(1.2);
transition: transform 0.3s ease-out;
}
/*2.圖片透明度變化*/
img {
opacity: 0.8;
transition: opacity 0.3s ease-out;
}
img:hover {
opacity: 1;
}
/*3.圖片旋轉*/
img {
transform: rotate(0deg);
transition: transform 0.3s ease-out;
}
img:hover {
transform: rotate(360deg);
}
/*4.圖片邊框變化*/
img {
border: 1px solid #ccc;
transition: border 0.3s ease-out;
}
img:hover {
border: 1px solid #ff0000;
}

以上代碼均可直接在HTML的<img>標簽中引用，也可以在CSS文件中定義類并使用類名引用。