Hallo liebe Community,
derzeit habe ich bei einem Projekt einen besonderen Hover Effekt, der mit den letzten Nerv raubt.
Vielleicht hat jemand von euch eine zündende Idee, wie man das ganze mit CSS vernünftig umsetzen kann.
In der Gif Datei seht ihr den gewünschten Hover Line Effekt. Das ganze sieht auf den ersten Blick recht simpel in der Umsetzung aus, doch das ganze soll auch bei einem Text funktionieren, der über mehrere Spalte läuft und die Underline soll auch direkt unter dem Text kleben... also keinen Abstand haben.
So weit bin ich gekommen:
https://codepen.io/dirk-tietze/pen/oKGeJe
Die Sache mit dem Abstand und der Line-Height will mir nicht gelingen :-(
LG,
Dirk
hover-main.gif
1131461987793411.tkGaPhG6ISh0VFanrAVg_height640.png
Lesezeichen