CSS3制作煙花燃放，是一種非常有趣的效果，可以讓你的網站或應用程序更加生動活潑。下面是一個簡單的樣例，讓你了解如何使用CSS3實現。

.firework {
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
background: #f00;
animation: explode 1s ease-out forwards;
}
.firework:before {
content: "";
position: absolute;
top: -10px;
left: 10px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #f00;
animation: explode 1s ease-out forwards;
}
.firework:after {
content: "";
position: absolute;
top: 10px;
left: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #f00;
animation: explode 1s ease-out forwards;
}
@keyframes explode {
0% {
width: 20px;
height: 20px;
opacity: 1;
box-shadow: 0 0 0 #f00;
}
100% {
width: 100px;
height: 100px;
opacity: 0;
box-shadow: 0 0 0 500px rgba(255, 0, 0, 0);
}
}

在上面的代碼中，我們使用了CSS3的動畫效果，定義了一個名為“explode”的關鍵幀動畫。在這個動畫中，我們逐漸增加了花火燃放的大小，并讓它的透明度從1變為0。我們還使用了陰影效果，讓花火看起來更加真實。

在HTML中，你可以使用下面的代碼來添加煙花效果：

<div class="firework"></div>

你也可以改變CSS代碼中的屬性，來實現更加獨特的煙花效果。比如改變顏色、大小、形狀、爆炸音效等等。通過使用CSS3，你可以在不需要任何JavaScript代碼的情況下，實現非常驚艷的效果。