Navigation unterstreichen

[Auge]

Hallo

auf einer Demo Seite habe ich eine schöne Navigation gefunden:
http://impreza6.us-themes.com/gallery/

Wenn ich mit der Maus über einen Punkt fahre, wird es langsam unterstrichen. Leider sehe ich mit den Entwicklertools nicht wie dieses aufgebaut wurde. Könnt ihr da etwas erkennen?

Ich kannm aus der Taqtsache, dass sich bei mir nichts tut ^[1], zumindest schließen, dass der Effekt mit JavaScript realisiert wird. Der Effekt sollte sich aber auch mit CSS erzielen lassen.

/* das Aussehen in den verschiedenen Zuständen */
a {
  text-decoration: none;
}
a:focus, a:hover, a:active {
  text-decoration: underline;
}
/* die Animation */
a, a:focus, a:hover, a:active {
  transition: text-decoration ease 1.5s;
}

Die Details zu Transitionen findest du in unserem Wiki. Falls du, wie anzunehmen ist, weitere Fragen dazu hast, frage bitte in diesem, deinem Thread.

Tschö, Auge

---

1. Auf mir unbekannten Seiten lasse ich JavaScript nicht zu. ↩︎