CSS3 Animation nach Ablauf anhalten

[amimation-fan]

Hallo zusammen

Ich erstelle gerade eine Navigation mitt CSS3.
Wenn man also mit der Maus über das div fährt, so ändert sich die hintergrundfarbe langsam von schwarz auf gelb. sobald die animation fertig ist, springt die farbe aber wieder zurück auf schwarz. kann man mit einem zusätzlichen "TAG" die Animation nach dem ablaufen stoppen? (damit das div gelb bleibt, solange man mit der maus darüberschwebt).

Danke im Voraus für EURE Hilfe!!!

glg

ps: hier mein css abschnitt: (die browserunterstützung habe ich hier gelöscht)
-------------------------------
div#home:hove {
animation: navihover 0.4s;
}

@keyframes navihover
{
from {background: black}
to {background: yellow; }
}
-------------------------------

[Gunnar Bittersmann]

@@amimation-fan:

nuqneH

Wenn man also mit der Maus über das div fährt, so ändert sich die hintergrundfarbe langsam von schwarz auf gelb.

Dafür bauchst du keine Animation, sondern eine Transition.

Qapla'

[ransition-fan]

aha alles klar. vielen dank :)