Hallo zusammen,
beim Laden meiner Website wird aktuell ein Logo angezeigt. Das Logo ist schwarz. Ich hätte gerne, dass sich das Logo beim Aufruf der Seite grau ist und sich dann langsam mit schwarz füllt gemäß des Ladefortschritts der Hauptseite, die im Hintergrund lädt.
Ich habe sowas ähnliches hier http://preview.themeforest.net/item/jack-rose…9450.1534264283 gesehen - auf "Single Image" klicken (Hoffe ich darf Links posten?).
Weiß jemand, ob so etwas mit CSS machbar ist und wenn ja wie das gehen könnte?
Ich habe bereits versucht über GIMP ein .gif zu erstellen, dass sich langsam füllt. Das funktioniert auch hat aber zwei entscheidende Nachteile:
1.) Die Füllgeschwindigkeit ist fix vorgegeben - d.h. unter Umständen ist das GIF fertig animiert obwohl die Hauptseite noch nicht vollständig geladen ist
2.) Verliert das Logo leider sichtbar an Schärfe durch das Umwandeln in ein GIF
Daher bin ich für Tipps sehr dankbar
Viele Grüße
RainySunday