WEBLEB
Startseite
Editor
Anmelden
Pro
Deutsch
English
Français
Español
Português
Deutsch
Italiano
हिंदी
ICH LIEBE DICH
44
napolesflorabel23
Im Editor öffnen
Veröffentlichen Sie Ihren Code
Empfohlen
19 March 2025
Reine CSS3 Star Wars Lichtschwert-Kontrollkästchen
29 December 2024
Liebe und respektiere die Natur
26 July 2025
Hover-Speicher rekursive Farben
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>
