WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Un code par bachir123
678
bachir123
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
25 April 2025
Un code de Metehan
25 May 2025
Un code par Liamgilles76
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) */
