Nicky Meuleman, inspiriert von Cassie Evans, beschreibt, wie sie den Anker-Link-Hover auf ihren Websites erstellt haben. Wenn ein Link mit der Maus überfahren wird, gleitet eine andersfarbige Unterstreichung ein, mit einem Abstand zwischen den beiden. Die übliche text-decoration hilft hier nicht weiter, daher werden stattdessen mehrere Hintergründe verwendet, und glücklicherweise funktioniert das auch mit Text, der sich über mehrere Zeilen erstreckt.
Eine reine CSS-Animation, die sich umbruchte Unterstreichung
Chris Coyier am
DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!
Das ist großartig
Es sieht gut aus, aber die Übergangsgeschwindigkeit sollte etwas schneller sein.