CSS Hover 0ms transition und lange "abklingzeit"

DukesGG · 31. März 2017

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

siebling · 31. März 2017

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.

DukesGG · 31. März 2017

Wie die Links im Footer auf https://www.rocketbeans.tv/

siebling · 31. März 2017

Das wäre dann laut deren Quelltext:

-webkit-transition: all .2s linear;
transition: all .2s linear;

DukesGG · 31. März 2017

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.

siebling · 31. März 2017

Schade. Die Lösung zur Umsetzung sowie ein Praxisbeispiel dank RB stehen jedenfalls oben. Trotzdem noch viel Erfolg.

pcBauer · 31. März 2017

DukesGG · 31. März 2017

pcBauer schrieb:
So?

Genau, danke!

Suche

CSS Hover 0ms transition und lange "abklingzeit"

DukesGG

Lieutenant

siebling

Lieutenant

DukesGG

Lieutenant

siebling

Lieutenant

DukesGG

Lieutenant

siebling

Lieutenant

pcBauer

Lieutenant

DukesGG

Lieutenant

Ähnliche Themen