StealThis .dev

Nav Underline Effect

Animated underline on active nav link — smooth indicator for tabs and breadcrumbs.

Labで開く
css vanilla-js
ターゲット: JS HTML

コード

Animated underline that follows the active link. Reference patterns from tabs-vertical and breadcrumb-nav.

Features

  • CSS transition for underline position/width
  • Single moving indicator or per-link underline
  • No dependencies