首页我要html版的情人节烟花代码，女朋友叫方梦婕，和她说1314，要炫酷的

我要html版的情人节烟花代码，女朋友叫方梦婕，和她说1314，要炫酷的

时间: 2023-02-26 13:00:08 浏览: 104

好的，这是一个HTML版的情人节烟花代码： ``` <html> <head> <style> /* 设置背景 */ body { background-color: black; } /* 设置烟花效果的样式 */ .firework { width: 1px; height: 1px; position: absolute; background-color: red; border-radius: 50%; animation: fireworks 0.5s ease-out; animation-fill-mode: forwards; } /* 设置动画效果 */ @keyframes fireworks { 0% { transform: translateY(0) scale(1); opacity: 1; } 100% { transform: translateY(-200%) scale(3); opacity: 0; } } </style> </head> <body>  <h1 style="color:white; text-align:center;">1314 ❤️ 方梦婕</h1>  <div class="firework" style="left: 10%; top: 80%;"></div> <div class="firework" style="left: 20%; top: 70%;"></div> <div class="firework" style="left: 30%; top: 60%;"></div> <div class="firework" style="left: 40%; top: 50%;"></div> <div class="firework" style="left: 50%; top: 40%;"></div> <div class="firework" style="left: 60%; top: 30%;"></div> <div class="firework" style="left: 70%; top: 20%;"></div> <div class="firework" style="left: 80%; top: 10%;"></div> </body> </html> ``` 希望这个代码能够让你的女朋友感到惊喜！

阅读全文