CSS3背景圖片過(guò)渡漸變可以讓網(wǎng)頁(yè)背景圖片在切換的時(shí)候更加優(yōu)美，實(shí)現(xiàn)過(guò)程非常簡(jiǎn)單。

background-image: url('image1.jpg');
/* 設(shè)置背景圖片為image1 */
transition: background-image 1s ease-in-out;
/* 設(shè)置過(guò)渡時(shí)間為1秒，過(guò)渡方式為ease-in-out */
}
:hover {
background-image: url('image2.jpg');
/* 鼠標(biāo)懸浮時(shí)將背景圖片切換為image2 */
}

使用以上代碼就可以讓網(wǎng)頁(yè)背景圖片在鼠標(biāo)懸浮時(shí)實(shí)現(xiàn)平滑的過(guò)渡效果。

需要注意的是，CSS3背景圖片過(guò)渡漸變兼容性并不是很好，建議在項(xiàng)目中使用時(shí)先進(jìn)行瀏覽器兼容性測(cè)試。