WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
CORAÇÃO
1099
mambetov1237.b
Abrir no Editor
Publique Seu Código
Recomendado
25 August 2025
Página de erro 404 animada com coração e partículas
30 January 2025
CodePen Home Desenhe um coração ❤️✍️
HTML
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>heart</title> <link rel="stylesheet" href="./stil.css" /> </head> <body> <div class="heart"></div> </body> </html> <!-- Replace with your HTML Code (Leave empty if not needed) -->
CSS
Copy
body { /* display: flex; */ justify-content: center; align-items: center; height: 100vh; margin: 200px; } .heart { height: 100px; width: 1450px; position: relative; } .heart::before, .heart::after { content: ""; position: absolute; left: 20px; top: 0; width: 50px; height: 80px; background-color: red; border-radius: 25px 25px 0 0; transform: rotate(45deg); } .heart::after { left: 0; transform: rotate(-45deg); } <!-- Replace with your HTML Code (Leave empty if not needed) -->
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
