Demo Ansehen
Weihnachtslichter und Schnee
Dies ist ein interaktives Web-Projekt, das eine weihnachtliche Atmosphäre mit schwebenden Schneeflocken, blinkenden Weihnachtslichtern und dem Gedicht “Knecht Ruprecht” von Theodor Storm bietet. Das Projekt verwendet HTML, CSS und JavaScript, um eine festliche Benutzeroberfläche zu schaffen.
Features
- Schneefall: Schneeflocken fallen sanft von oben nach unten und erzeugen eine winterliche Atmosphäre.
- Weihnachtslichter: Blinke Lichter in verschiedenen Farben, die auf den Rändern eines Containers animiert sind.
- Gedicht: Das Gedicht “Knecht Ruprecht” von Theodor Storm wird in einem zentralen Container angezeigt.
- Responsive Design: Die Seite ist responsiv und passt sich verschiedenen Bildschirmgrößen an.
Technologie-Stack
- HTML5: Strukturierung der Webseite.
- CSS3: Styling der Seite, Animation von Schneeflocken und Weihnachtslichtern.
- JavaScript: Dynamische Erstellung von Schneeflocken und Weihnachtslichtern mit zufälligen Animationen.
Funktionsweise
- Schneeflocken: Mit JavaScript werden 100 Schneeflocken zufällig auf der Seite verteilt, die durch CSS-Animationen fallen.
- Weihnachtslichter: 50 bunte Lichter werden entlang der Ränder des Containers positioniert und mit einer zufälligen Blink-Animation versehen.
- Gedichtanzeige: Das Gedicht von Theodor Storm wird in einem zentralen Container angezeigt, der sich an unterschiedliche Bildschirmgrößen anpasst.
Mitwirken
Wenn du das Projekt erweitern oder verbessern möchtest, bist du herzlich eingeladen, Pull Requests zu erstellen!
Lizenz
Dieses Projekt steht unter der MIT Lizenz.