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