Abschlussbedingungen
<html>
<head>
<style>
/* CSS-Stile für den Farbwechseleffekt */
@keyframes colorChange {
0% { color: #200697; } /* Anfangsfarbe: Rot */
25% { color: #e90000; } /* Nach 25% der Animation: Blau */
50% { color: #00cc00; } /* Nach 50% der Animation: Grün */
75% { color: #00e9f2; } /* Nach 75% der Animation: Orange */
100% { color: #cb00dd; } /* Endfarbe: Lila */
}
/* Optionale zusätzliche Stile für die Seite */
body {
text-align: center; /* Text zentrieren */
}
</style>
<script>
// JavaScript zum Starten der Animation
document.addEventListener('DOMContentLoaded', function() {
var textElement = document.getElementById('animatedText');
textElement.style.animation = 'colorChange 5s infinite'; /* Animation starten */
});
</script>
</head>
<body>
<h1 id="animatedText">*** Hallo Gast! Schön, dass du da bist! ***</h1><img src="https://moodle.tsn.at/pluginfile.php/4159453/mod_folder/content/0/Augen_bewegt.gif" width="100" height="60">
</body>
</html>
Zuletzt geändert: Samstag, 22. Juni 2024, 20:24