HTML中的照片特效是網(wǎng)頁(yè)設(shè)計(jì)中的一個(gè)重要組成部分。通過(guò)一些特效的添加，可以讓網(wǎng)頁(yè)更加生動(dòng)、有趣、吸引人。下面我們來(lái)看幾個(gè)常用的照片特效代碼。 首先是黑白照片的效果，可通過(guò)CSS3中的濾鏡屬性來(lái)實(shí)現(xiàn)。

img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

以上代碼可以將圖片變成黑白圖像，更加有古典的氣質(zhì)。 其次是懸停圖片的效果，即鼠標(biāo)懸停時(shí)在圖片上添加一定的陰影和放大效果。

img:hover{
-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

以上代碼可以讓圖片在鼠標(biāo)懸停時(shí)增加一定的立體效果，更加引人注目。 最后是圖片的旋轉(zhuǎn)效果，可通過(guò)CSS3中的transform屬性實(shí)現(xiàn)。

img{
-webkit-transition: -webkit-transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
}
img:hover{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}

以上代碼可以讓圖片在鼠標(biāo)懸停時(shí)進(jìn)行旋轉(zhuǎn)，更加有趣。這些照片特效代碼可以為你的網(wǎng)頁(yè)增加更多的魅力，值得一試。