用html写出绽放的烟花

要用HTML实现绽放的烟花效果，可以借助CSS和JavaScript来实现。下面是一个简单的示例代码：

HTML部分：

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

CSS部分：

.firework {
  width: 10px;
  height: 10px;
  background-color: #ff0000;
  position: absolute;
  border-radius: 50%;
  animation: explode 1s infinite;
}

@keyframes explode {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(5);
    opacity: 0;
  }
}

JavaScript部分：

function createFirework() {
  const firework = document.createElement("div");
  firework.className = "firework";
  firework.style.left = Math.random() * window.innerWidth + "px";
  firework.style.top = Math.random() * window.innerHeight + "px";
  document.body.appendChild(firework);
  
  setTimeout(() => {
    firework.remove();
  }, 1000);
}

setInterval(createFirework, 100);

这段代码会在页面上创建多个大小不同的红色圆点，它们会以不同的速度和方向绽放，并最终消失。