Guten Tag zusammen,
wie bekommt man es hin, dass bei der Navigation, bzw. einzelner Divs (Schriften, etc...)
der Hintergrund beim drüber gehen, langsam eine andere Farbe annimmt?
Klar, zum einen geht das ja mit: #Beispiel:hover {....}
Aber, die Hintergrundfarbe wird dann ja direkt geändert,
ich möchte es aber so, dass die Farbe sich langsam ändert.
Vielen Dank für eure Hilfe!!!!! 
/* transition: welche_Eigenschaft Zeit, nächste_Eigenschaft Zeit;
* Sollte für den Anfang reichen..
*/
#beispiel{
background-color: grey;
height: 50px;
/* Wenn man wieder vom hover runtergeht.. Hintergrundfarbe 5s lang wechseln */
-webkit-transition: background-color 5s;
-ms-transition: background-color 5s;
transition: background-color 5s;
}
#beispiel:hover{
background-color: red;
height: 100px;
/* Ist nicht nötig, nur als Beispiel, hier wird die transition wieder überschrieben und verkürzt */
/* Wenn man hovert.. 3s ALLES verändern */
-webkit-transition: all 3s;
-ms-transition: all 3s;
transition: all 3s;
}
Natürlich (auch empfehlenswert) kanns du mit Sekundenbruchteilen arbeiten.. Bsp. 0.5s
transition wird nur auf dem "Hauptelement" benötigt.
Soll heißen:
wenn auf #element{} ein transition: all drauf ist,
dann wird ja bei #element:hover sicherlich "etwas" geändert (zB background)
Da transition (zu dt. übergang) ja auf dem #element angegeben wurde, wird es bei hover genutzt.
Jaja, habe edited 
War so gedacht, dass man sieht, das man die Prozesse Hin und Zurück mit verschiedenen Zeiten o.ä. versehen kann.
Außerdem musste ein Beispiel für all her 
Hey 
Danke, funktioniert super!
Eine Frage wäre da noch, ich habe in einem DIV
ein Farbverlauf gemacht. Wenn ich das dann beim ...:hover {...} mache,
Und dann transition, funktioniert das ganze nicht mehr....?
Weißt Du woran das liegt?
Vielen Dank! 
Hääää?
Zeig mal den Code her dann sehen wir weiter.
Grundlegend geht das mit den transitions so:
/*Dein Element mit Hintergrund */
#element {
/* Dein Farbverlauf, hier von rot nach blau, von oben nach unten */
background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, blue); /* Standard syntax */
/* Hier deine transition definieren */
transition: background 2s;
-webkit-transition: background 2s; /* Safari */
}
#element:hover {
/* Hier das beschreiben, wohin geaendert werden soll */
background: -webkit-linear-gradient(blue, red); /* In diesem einfach die Richtung des Gradients */
background: -o-linear-gradient(blue, red);
background: -moz-linear-gradient(blue, red);
background: linear-gradient(blue, red);
}
Aber um dir weiter helfen zu koennen, brauchen wir, wie gesagt, den Code 
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!