在网页设计中，经常会遇到需要添加一些特效的情况，比如可以添加一个爱心烟花特效，来增加页面的美观性。下面是一段可以复制的HTML爱心烟花代码，你可以通过修改代码，让特效展现出你想要的效果。
<html>
<head>
<title>HTML爱心烟花特效</title>
<style>
#firework {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.fw_xy {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
border: 10px solid #fff;
border-radius: 100%;
box-shadow: 0 0 40px #ff2a2a;
z-index: 1;
}
</style>
</head>
<body>
<div id="firework"></div>
<script>
setInterval(function() {
var f = DrawFirework();
firework.appendChild(f);
setTimeout(function() {
firework.removeChild(f);
}, 1500);
}, 3000);
function DrawFirework() {
var div = document.createElement('div');
div.style.left = (Math.random() * 100) +'%';
div.style.top = (Math.random() * 100) +'%';
for (i = 0; i < 12; i++) {
var s = document.createElement('div');
s.className = 'fw_xy';
div.appendChild(s);
s.style.transform = 'rotate(' + (i * 30) + 'deg)';
setTimeout(function() {
s.style.width = '30px';
s.style.height = '30px';
s.style.top = (Math.random() * 20) + 'px';
s.style.left = (Math.random() * 20) + 'px';
setTimeout(function() {
s.style.opacity = '0';
setTimeout(function() {
div.removeChild(s);
}, 1000);
}, 500);
}, 50);
}
return div;
}
</script>
</body>
</html>以上是一个简单的HTML爱心烟花代码，可以通过复制上述代码，并将其添加到你的网页中，就可以在你的页面中展现出一个美丽的爱心烟花特效啦。