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); }); }}

通過小編的介紹，相信大家對以上問題有了更深入的了解，也有了自己的答案吧，生活經驗網將不斷更新，喜歡我們記得收藏起來，順便分享下。