WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Coração Batendo
1959
Lua_da_noite
Abrir no Editor
Publique Seu Código
Recomendado
31 March 2024
4 December 2024
Um código por mikey
25 November 2024
presente de aniversário
HTML
Copy
<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Batimento</title> <link rel="stylesheet" href="index.css"> </head> <body> <div class="heart"></div> </body> </html>
CSS
Copy
body{ margin: 0; padding: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #0b1522; } .heart { height: 70px; width: 70px; background: #f20044; position: relative; transform: rotate(-45deg); box-shadow: -10px 0px 90px #f20044; animation: heart 0.6s linear infinite; } @keyframes heart { 0%{ transform: rotate(-45deg)scale(1.08); } 80%{ transform: rotate(-45deg)scale(1.0); } 100%{ transform: rotate(-45deg)scale(0.6s); }} .heart:before{ content: ''; position: absolute; height: 70px; width: 70px; background: #f20044; top: -50%; border-radius: 50px; box-shadow: -10px 0px 90px #f20044; } .heart:after{ content: ''; position: absolute; height: 70px; width: 70px; background: #f20044; right: -50%; border-radius: 50px; box-shadow: 10px 10px 90px #f20044; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
