Hintergrundfarbe alle 30s ändern (Fade-Übergang)

8

Ich möchte, dass mir jemand sagt, was der Code ist, damit eine Webseite eine Hintergrundfarbe (die Hintergrundfarbe der ganzen Seite) erhält, um alle 30s zu einer bestimmten Farbvariante zu wechseln (Fade-Übergang). Ist es einfach? Ich denke, CSS wird es einfacher machen?

Ich habe über das Internet gesucht und habe nur Gradienten gefunden, was ich nicht möchte. Vielen Dank im Voraus. Ich habe Codepen und JSFiffle für Beispiele gesucht, aber niemand hatte etwas so einfaches: /

Beispiel: Während ich meine Seite durchblättere, möchte ich, dass die Hintergrundfarbe von Blau zu Grün und dann zu Orange und wieder Blau usw. wechselt ...:)

    
Billef32 04.01.2015, 14:10
quelle

3 Antworten

2

Hier ist ein jQuery-Ansatz, um Bogdans Antwort zu vervollständigen, die drei Parameter benötigt: selector (Beispiel, ".container" oder "div"), colors (ein Array von Farben, zwischen denen gewechselt werden kann) und time (steuert, wie oft sich die BGD-Farbe ändert). Ich stelle es für 3 Sekunden ein ( 3000 ), damit Sie es leichter in Aktion sehen können, aber Sie können es auf 30000 (30 Sekunden) erhöhen.

%Vor% %Vor% %Vor%
    
Marventus 05.01.2015, 11:01
quelle
21

Es ist auch möglich, dies ohne JavaScript zu tun, mit CSS3-Animationen.

%Vor%
    
ckuijjer 04.01.2015 18:39
quelle
7

Etwas wie diese Geige

CSS:

%Vor%

Javascript:

%Vor%     
Bogdan Kuštan 04.01.2015 14:17
quelle