Underline Deslizante

Menu claro e minimalista com sublinhado ciano→violeta que cresce da esquerda no hover.

CSS / TailwindNavegaçãoFácil

Preview ao vivoInterativo

<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <nav>
      <a href="#">Início</a>
      <a href="#">Produtos</a>
      <a href="#">Sobre</a>
      <a href="#">Contato</a>
    </nav>
  </body>
</html>

Efeitos relacionados

carregando

Menu escuro onde três gotas magenta se fundem num sublinhado líquido usando filtro SVG goo.

Sublinhado Gooey Líquido

CSS / Tailwind

Menu escuro onde três gotas magenta se fundem num sublinhado líquido usando filtro SVG goo.

carregando

Trilha de navegação clara com chevrons que marcham em onda e etapa atual em degradê quente.

Breadcrumb com Setas Vivas

CSS / Tailwind

Trilha de navegação clara com chevrons que marcham em onda e etapa atual em degradê quente.

carregando

Dock de vidro claro sobre pôr do sol cujo tooltip escuro desliza de um ícone ao outro como um ímã.

Dock com Tooltip Magnético

CSS / Tailwind

Dock de vidro claro sobre pôr do sol cujo tooltip escuro desliza de um ícone ao outro como um ímã.