WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
EU TE AMO
908
napolesflorabel23
Abrir no Editor
Publique Seu Código
Recomendado
9 December 2025
Funny Shooter 2
29 October 2024
O sistema solar
9 September 2025
Contêiner de animação de pixel CSS
HTML
Copy
<!DOCTYPE html> <html> <head> <title>I MISS YOU</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; text-align: center; } .love-message { font-size: 48px; color: #ff69b4; margin-top: 20%; } </style> </head> <body> <div class="love-message"> <h1>I Love You</h1> </div> </body> </html>
CSS
Copy
body { background-color: #f2f2f2; font-family: Arial, sans-serif; text-align: center; } .love-message { font-size: 48px; color: #ff69b4; margin-top: 20%; animation: heartbeat 1s infinite; } @keyframes heartbeat { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }
JS
Copy
<!DOCTYPE html> <html> <head> <title>I Love You</title> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; text-align: center; } .love-message { font-size: 48px; color: #ff69b4; margin-top: 20%; } </style> </head> <body> <div class="love-message"> <h1 id="loveMessage">I Love You</h1> </div> <script> // Lumabas ng "I Love You" sa webpage document.getElementById("loveMessage").style.color = " function showLoveMessage() { document.getElementById("loveMessage").innerHTML = "I Love You More!"; } // Tawagin ang function pagkatapos ng 2 segundo setTimeout(showLoveMessage, 2000); </script> </body> </html>
