煙花是一種美麗的景象，如今你也可以使用 CSS 來模擬它們的璀璨綻放。以下是一個簡單的 CSS 代碼示例，可以幫助你實現(xiàn)煙花效果：

.firework {
position: absolute;
border-radius: 50%;
animation: explode 1s cubic-bezier(0.6, 0, 0.2, 1) forwards;
}
@keyframes explode {
0% {
width: 0;
height: 0;
opacity: 1;
filter: blur(0);
}
50% {
width: 200px;
height: 200px;
opacity: 0.5;
filter: blur(4px);
}
100% {
width: 500px;
height: 500px;
opacity: 0;
filter: blur(16px);
}
}

這里有一個 .firework 類，設置其位置為 absolute，border-radius 為 50%。然后添加了一個動畫，名為 explode，它將在 1 秒內(nèi)使用 cubic-bezier(0.6, 0, 0.2, 1) 來進行回彈，最終停留在最后一個關(guān)鍵幀樣式上。

在動畫的關(guān)鍵幀中，0% 的狀態(tài)將設置元素的寬度和高度為 0，透明度為 1，模糊度為 0。50% 狀態(tài)將將元素的寬度和高度增加到 200px，透明度降低到 0.5，模糊度為 4px。最后，100% 的狀態(tài)將元素的寬度和高度設置為 500px，透明度為 0，模糊度為 16px。

要使用此效果，只需在 HTML 中創(chuàng)建一個具有火箭火花類的元素，并為其設置樣式。

使用這個簡單的 CSS 代碼，你可以輕松地在網(wǎng)頁上創(chuàng)建一個華麗綻放的煙花效果。試試看吧!