在網頁設計中，經常會遇到需要添加一些特效的情況，比如可以添加一個愛心煙花特效，來增加頁面的美觀性。下面是一段可以復制的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愛心煙花代碼，可以通過復制上述代碼，并將其添加到你的網頁中，就可以在你的頁面中展現出一個美麗的愛心煙花特效啦。