CSS3: Bei Mouseover rein und wieder rausfahren?

[Quabbe]

Hallo,

ich spiele gerade ein bisschen mit CSS3 herum und frage mich, ob man auch einen Effekt für mouseout bestimmen kann? Auf meiner Testseite Titel sieht man derzeit, wie die Balken hereinschweben, wenn man mit der Maus über dem Header verweilt. Sie sollen bei mouseout aber nicht ausfaden sondern auf die gleiche Weise entschwinden wie sie gekommen sind. Lässt sich das irgendwie bewerkstelligen?


Gruß,
Quabbe

 

[threadi]

Nein, dafür gibt es (momentan) keine Pseudoklasse in CSS. Das kannst Du nur per JavaScript erreichen.

 

[Quabbe]

Schade, fast hab ichs geahnt. Danke Dir. :(

edit:

Ich habs nun doch hinbekommen.

Den einzelnen Balken habe ich folgendes mitgegeben:

-webkit-transition: top .6s ease;-moz-transition: top .6s ease;
-o-transition: top .6s ease;
transition: top .6s ease;

Beim Hovern dann einfach mit top ansprechen, wohin die Reise gehen soll. :)