Anleitung für CSS3 Schnee 1. Eigentlich ist das mit dem CSS3 Schnee-Effekt ganz simpel. Ihr braucht drei Bilder von Schneeflocken. Einmal die normalen, zweimal welche, die mit einem Weichzeichner bearbeitet wurden, um Tiefenschärfe zu erzeugen. So entsteht ein sehr realistischer und vor allem hübscher CSS3 Schnee-Effekt, der ganz einfach animiert und eingebunden werden kann. Damit ihr die Bilder nicht selbst erstellen müsst, habe ich mal drei Grafiken vorbereitet. Download: Bild 1, Bild 2, Bild 3. 2. Nun fügt ihr folgendes in eure CSS-Datei ein und zwar an die Stelle, an der nachher der Schnee-Effekt erscheinen soll. Sinnvoll ist das eigentlich nur im "Body", weil es dann wunderschön im Hintergrund schneit. Wichtig ist, dass ihr hier die eventuell vorhandene Background-Farbe entfernt und mit der neuen ersetzt, denn sonst sieht der CSS3 Schnee-Effekt vielleicht etwas merkwürdig aus. Also in der CSS-Datei folgendes zum Body-Tag hinzufügen. background-color:#C0E1FF! Schnee für homepage.ntlworld.com. important;background-image:url(''), url(''), url('');-webkit-animation:schnee 25s linear infinite;-moz-animation:schnee 25s linear infinite;-ms-animation:schnee 25s linear infinite;animation:schnee 25s linear infinite; Hinweis: Die Bilder habe ich mal, damit nichts schiefgeht, im Web hochgeladen.
Im niedersächsischen Ostercappeln-Schwagstorf und in Göschitz in Thüringen wurden zehn Zentimeter gemessen, in Lügde in Nordrhein-Westfalen 13 Zentimeter. In Baden-Württemberg meldeten unter anderem der Schwarzwald und die Schwäbische Alb Neuschnee. Für Skifahrer reicht das aber nicht aus. Sämtliche Lifte des Verbunds am Feldberg im Schwarzwald waren am Freitag geschlossen, wie auf der Homepage des Liftverbunds zu lesen war. In Thüringen und anderen Bundesländern machte der Schneefall vor allem Autofahrern zu schaffen. Schnee für homepage.html. So prallten Fahrzeuge auf der schneebedeckten Autobahn 4 bei Gotha in die Leitplanke. Kaltes Spanien Winterlich war es auch in Teilen Spaniens: Im Norden behinderte ein Schneesturm den Verkehr schwer. Besonders betroffen war die Pyrenäen-Region Navarra an der Grenze zu Frankreich. Mehrere Gebirgspässe mussten gesperrt werden. Aber nicht nur Navarra erlebte in Spanien einen späten Wintereinbruch. Der nationale Wetterdienst Aemet gab für Freitag und für das Wochenende Unwetterwarnungen für zahlreiche Gebiete in insgesamt neun der 17 Regionen des Landes aus.
Bedenke aber, dass du diese dann nicht mehr aufrufen und anschauen kannst, wenn du ein Beispiel benötigst. 4 Integration in die eigene Webseite Es gibt zwei Möglichkeiten, den Schnee Effekt auf der eigenen Webseite zu integrieren. Vollbild (seitenfüllend) über die gesamte Webseite in einem definierten Bereich (div) auf der Webseite Grundsätzliche Integration Unabhängig davon, ob du Möglichkeit 1 oder 2 der Integration wählst, musst immer den folgenden Schritt erledigen: Du musst die folgenden 2 Zeilen auf jeder Seite, auf welcher die Schnee-Animation erscheinen soll, integrieren. Platziere die folgenden 2 Code-Zeilen ganz am Ende, direkt vor dem schließenden "
" Tag: Beispiel:
1. Vollbild-Integration: Zusätzlich zu der grundsätzlichen Integration musst du für die Vollbild-Integration den folgenden Schritt erledigen: Siehe dir als Beispiel den Quellcode (Inhalt) der Datei: "" an. Du musst die folgende Zeile zusätzlich auf jeder Seite, auf welcher der Schnee-Effekt erscheinen soll, integrieren: