Как добиться этой анимации [закрыто]

Question

Я хочу добиться этой подвижной границы при наведении. Я использую Next.js и TailwindCSS.

      <Link className="" href="/">
   <a className="font-serif mt-3 text-lg font-medium">
       <span className="border-purple-600 border-b-2 leading-relaxed hover:border-red-500">
          Good Morning
       </span>
  </a>
</Link>

Answer 1

В предоставленном коде нет ничего плохого. Работает, как ожидалось: проверьте здесь