WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
TE AMO
43
napolesflorabel23
Abrir en el editor
Publica tu código
Recomendado
13 June 2025
Un código de Metehan
24 August 2024
Producto deslizante
25 May 2024
Dominar el arte de las puertas correderas: técnicas de animación CSS y GSAP
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>
