html简易心动代码直接使用即可_心动图代码资源-CSDN文库

<!DOCTYPE html> <html> <head> <title>Heart Shape</title> <style> .heart { position: relative; width: 100px; height: 100px; } .heart::before, .heart::after { content: ''; position: absolute; top: 0; width: 52px; height: 80px; border-radius: 50px 50px 0 0; background: red; } .heart::before { left: 0; transform: rotate(-45deg); transform-origin: 0 100%; } .heart::after { left: 48px; transform: rotate(45deg); transform-origin: 100% 100%; } </style> </head> <body> <div class="heart"></div> </body> </html>

评论收藏

内容反馈