WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un código de bachir123
1306
bachir123
Abrir en el editor
Publica tu código
Recomendado
16 July 2025
Formulario de inicio de sesión de Glassmorphic
22 August 2025
Computer Marketplace: Compre computadoras portátiles, de escritorio y más
13 June 2025
Un código de ashimadison8
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> <div class="heart"></div> <div class="heart"></div> <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: blue; 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) */
