首页用HTML代码生成点燃我温暖你电视剧中的爱心

用HTML代码生成点燃我温暖你电视剧中的爱心

时间: 2023-09-11 19:11:18 浏览: 107

好的，以下是一个基于HTML的点燃我温暖你电视剧中的爱心的代码： ```html <!DOCTYPE html> <html> <head> <title>点燃我温暖你电视剧中的爱心</title> <style> .heart { position: relative; width: 100px; height: 90px; margin: 50px; } .heart:before, .heart:after { position: absolute; content: ""; left: 50px; top: 0; width: 50px; height: 80px; background: #e74c3c; border-radius: 50px 50px 0 0; transform: rotate(-45deg); transform-origin: 0 100%; animation: beat 1s ease infinite; } .heart:after { left: 0; background: #f1c40f; transform: rotate(45deg); transform-origin: 100% 100%; animation: beat 1s ease infinite 0.5s; } @keyframes beat { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } </style> </head> <body> <div class="heart"></div> </body> </html> ``` 你可以将上述代码复制到一个HTML文件中，然后在浏览器中打开该文件，即可看到点燃我温暖你电视剧中的爱心。该代码使用了CSS3的动画效果，让爱心呈现出跳动的效果。