HTML炫彩煙花代碼是一種非常有趣而又富有創意的網頁設計，它可以讓我們在頁面上實現美麗奪目的煙花效果。下面是一段HTML炫彩煙花代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>炫彩煙花效果</title>
<style type="text/css">
body{
background-color: black;
}
.firework{
position: absolute;
width: 10px;
height: 10px;
background-color: white;
border-radius: 50%;
animation: firework 2s;
}
@keyframes firework{
0%{
opacity: 0;
transform: scale(0);
}
30%{
opacity: 1;
transform: scale(1.5);
}
40%{
opacity: 1;
transform: scale(1.5);
}
50%{
opacity: 0;
}
}
.firework1{
top: 50px;
left: 50px;
animation-delay: 1s;
}
.firework2{
top: 80px;
left: 100px;
animation-delay: 1.5s;
}
.firework3{
top: 120px;
left: 200px;
animation-delay: 2s;
}
</style>
</head>
<body>
<div class="firework firework1"></div>
<div class="firework firework2"></div>
<div class="firework firework3"></div>
</body>
</html>在這段代碼中，我們使用了CSS的@keyframes動畫來控制煙花的效果。通過設定不同的delay值，我們可以在不同的位置實現多個煙花的效果。此外，我們還設置了背景顏色為黑色，使得煙花效果更加突出。