首页给我一个使用html写的用来表白的动态的爱心树，要求能直接在浏览器中打开

给我一个使用html写的用来表白的动态的爱心树，要求能直接在浏览器中打开

时间: 2023-02-14 12:05:40 浏览: 79

以下是使用 HTML 和 CSS 写的一个简单的爱心树动画，你可以将代码保存为 .html 文件，在浏览器中打开查看效果： ```html <!DOCTYPE html> <html> <head> <style> .heart { position: relative; width: 100px; height: 90px; animation: heart 1s infinite; } .heart:before, .heart:after { position: absolute; content: ""; left: 50px; top: 0; width: 50px; height: 80px; background: red; border-radius: 50px 50px 0 0; transform: rotate(-45deg); transform-origin: 0 100%; } .heart:after { left: 0; transform: rotate(45deg); transform-origin: 100% 100%; } @keyframes heart { 0% { transform: scale(1); } 20% { transform: scale(1.5); } 40% { transform: scale(1); } } </style> </head> <body> <div class="heart"></div> </body> </html> ``` 这是简单的一个爱心树动画，您可以根据自己的需求进行修改。

阅读全文