CSS3圖片爆炸是一種炫酷的頁面效果，在鼠標懸停或點擊圖片時，圖片會分裂成多個小塊并飛散到頁面各處，非常吸引眼球。

<div class="explode">
<img src="image.jpg">
</div>

以上是實現圖片爆炸效果的基本HTML結構。首先需要將圖片放到一個DIV容器中，然后使用CSS3的transform屬性將圖片分裂成多個小塊，并添加動畫效果實現飛散效果。

.explode {
position: relative;
display: inline-block;
overflow: hidden;
}
.explode img {
position: absolute;
top: 0;
left: 0;
transform: translateZ(0);
transition: transform .5s ease-out;
}
.explode img:hover {
transform: translate3d(
-5px + 10px * random(),
-5px + 10px * random(),
0
) rotate(-15deg) scale(0.2);
}

以上是CSS3實現圖片爆炸效果的代碼。首先需將包含圖片的DIV容器設置為相對定位，然后將圖片設置為絕對定位，并使用transform屬性將圖片分裂成多個小塊。在鼠標懸停時使用:hover選擇器將圖片分裂后的小塊以隨機的方式進行移動，并在移動過程中進行旋轉和縮放，最終形成完整的圖片爆炸效果。

總的來說，CSS3圖片爆炸效果是一種非常炫酷的頁面效果，在設計師和開發者之間非常受歡迎，因為它可以讓頁面更具吸引力和創意，但是需要在不犧牲性能和易用性的前提下進行合理應用。