CSS Hover 0ms transition und lange "abklingzeit"

DukesGG

Lieutenant
Registriert
Sep. 2014
Beiträge
791
Hi

Ich möchte, dass der hover Effekt eines Links etc. ohne Verzögerung (0 ms transition) eintritt und dann langsam wieder abklingt wenn man mit der Maus wieder vom Link runter geht.

Habe schon gegooglet aber nichts gefunden.
Habe irgendwas mit ease-out gefunden aber habe es noch nicht hinbekommen.

Hoffe ihr könnt mir helfen.

MfG
 
Wenn ich dich recht verstehe, soll der optische Effekt beim Verlassen des Links zwar sofort starten, aber (im Gegensatz zum vorherigen Hover) eine gewisse Zeit andauern? Dann müsstest du nicht mit einer Verzögerung arbeiten, sondern eine "transition duration" definieren.
 
Das wäre dann laut deren Quelltext:

-webkit-transition: all .2s linear;
transition: all .2s linear;
 
Hm, weiß nicht, kriege das nicht hin.

Hover Effekt (zb. Farbe ändert sich) soll sofort eintreten. Wenn man mit der Maus wieder vom Link runter geht soll es zb. 1 s dauern bis der Link wieder die normale Farbe hat.
 
Schade. Die Lösung zur Umsetzung sowie ein Praxisbeispiel dank RB stehen jedenfalls oben. Trotzdem noch viel Erfolg.
 

Ähnliche Themen

Zurück
Oben