body { background-color: black; overflow: hidden;}.firework { position: absolute; width: 5px; height: 5px; background-color: #fff; border-radius: 50%;}@keyframes shoot { 0% { transform: translateY(0); } 100% { transform: translateY(-300px); }}.firework:before { content: ''; position: absolute; top: 3px; width: 3px; height: 3px; background-color: #fff; border-radius: 50%;}.firework:before { right: 2px;}.firework:after { left: 2px; transform: rotate(90deg);}.spark { position: absolute; width: 2px; height: 2px; background-color: #fff;}@keyframes sparkle { 0% { opacity: 1; } 100% { opacity: 0; }}document.addEventListener('DOMContentLoaded', function() { for (var i=0; i =window.innerHeight) { clearInterval(timer); particles.forEach(function(particle) { particle.dom.parentNode.removeChild(particle.dom); }); } }); if (particles[0].dom.style.opacity===0) { clearInterval(timer); particles.forEach(function(particle) { particle.dom.parentNode.removeChild(particle.dom); }); } else { requestAnimationFrame(function() { animateParticles(particles, timer); }); }}

通过小编的介绍，相信大家对以上问题有了更深入的了解，也有了自己的答案吧，生活经验网将不断更新，喜欢我们记得收藏起来，顺便分享下。