CSS Link Animation

[Pfandfinder]

hi,

ich habe mir diesen Link-Style erstellt: https://jsfiddle.net/gh95u2p1/

ich möchte es aber so haben, dass der Strich nicht direkt rot wird, sondern sich quasi von der mitte nach links und rechts ausdehnt in einer Animation. Ich habe es so mit transition versucht aber es passiert nichts

transition: text-decoration-thickness 0.3s ease-in-out;

Wie setze ich das um ?

 

[M4ttX]

Das gibts auf zig Webseiten, wo du schauen kannst, wie das umgesetzt wurde. Hab das auch schonmal probiert, aber noch nicht genug Zeit dafür gehabt, um die Fehler auszubügeln.

https://digitalgravy.co/

 

[netzgestaltung]

So ca: https://jsfiddle.net/ghzu1ja9/

gibt aber sicher auch schönere Methoden.