WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
दिल
445
mambetov1237.b
संपादक में खोलें
अपना कोड प्रकाशित करें
अनुशंसित
27 September 2024
दिल की धड़कन
30 January 2025
कोडपेन होम एक दिल बनाएं ❤️✍️
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) */
