月华圆满正秋中，天上人间此夕同。
每年的农历八月十五，是中国的传统节日中秋节。
每逢这个传统节日，我们都要给亲朋好友送中秋礼品以示祝福。
那么，程序员会用什么样的方式来送中秋祝福呢？
是分享小程序卡片，还是有其他创意？欢迎大家用自己熟悉的编程能力，给你的亲朋好友们带来不一样的中秋祝福~
即日起至2024年9月17日，在下方评论区晒出你制作的中秋贺卡代码与预览交互图，社区将精选用户的留言送出中秋大礼包一份。
偷偷告诉你，中秋贺卡越精美越有创意，被精选评论的机会越大噢！
快来看看，中秋大礼包里都有什么？
王者荣耀充电宝*1+微信气泡狗语音条抱枕阿白*1+微信红包收纳包*1=微信社区的中秋大礼包*1份
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>中秋祝福</title> <style> .star { position: absolute; width: 2px; height: 2px; background-color: white; border-radius: 50%; opacity: 0.7; animation: blink 1.5s infinite; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.2; } } #moon { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; background-color: yellow; border-radius: 50%; opacity: 0.8; animation: rise 5s forwards; } @keyframes rise { from { top: -100px; } to { top: 50px; } } #message { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); font-size: 20px; font-family: Arial, sans-serif; color: white; opacity: 0; animation: fadeIn 5s 5s forwards; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } </style> </head> <body style="background-color: black; overflow: hidden; height: 100vh; margin: 0; padding: 0;"> <div id="moon"></div> <script> function createStars(numStars) { for (let i = 0; i < numStars; i++) { const star = document.createElement('div'); star.className = 'star'; star.style.left = `${Math.random() * 100}%`; star.style.top = `${Math.random() * 100}%`; document.body.appendChild(star); } } createStars(200); // 可以调整星星的数量 // 这里假设月亮已经通过CSS动画处理了升起效果 // 显示最终消息 setTimeout(() => { const message = document.createElement('div'); message.id = 'message'; message.textContent = '但愿人长久，千里共婵娟。'; document.body.appendChild(message); }, 5500); // 确保在月亮动画完成后显示消息 </script> </body> </html>我在等腾讯把那些卡脖子的接口设计改成原来的样子。