WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML
CSS
JS
<!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>
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); } }
<!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>
Validating your code, please wait...
HTML
CSS
JS
<!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>
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); } }
<!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>