CSS3是現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中非常流行的一種技術(shù)，它可以實(shí)現(xiàn)很多強(qiáng)大的效果，其中背景放大效果是比較常見的技術(shù)之一。使用背景放大技術(shù)，可以讓網(wǎng)頁(yè)看上去更加生動(dòng)和有趣。

.background {
background: url('./bg.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.background:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

上面是一個(gè)簡(jiǎn)單的CSS3背景放大效果代碼示例，首先我們需要設(shè)置一個(gè)背景圖片，然后使用background-size屬性將圖片填滿整個(gè)容器。最后，我們?cè)?hover狀態(tài)下通過transform:scale屬性來放大背景圖片，完成整個(gè)背景放大的效果。

以上就是CSS3背景放大效果的簡(jiǎn)單介紹，我們可以通過這種方法來讓網(wǎng)頁(yè)變得更加動(dòng)態(tài)有趣，歡迎大家嘗試使用。