WEBLEB
Startseite
Editor
Anmelden
Pro
Deutsch
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HERZ
535
mambetov1237.b
Im Editor öffnen
Veröffentlichen Sie Ihren Code
Empfohlen
6 August 2025
Herzblasen-Animation mit Matter.js
27 September 2024
Herzklopfen
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) */
