Loja / Menu
Efeitos de menu para site
19 efeitos de menu prontos pra colocar no seu site, em CSS e JavaScript puros. Cada um tem vídeo de prévia e kit pra baixar, com licença pra sites de clientes.
O menu da conta nasce do avatar: o painel cresce em círculo a partir dele, o avatar voa pro cabeçalho e os itens chegam em cascata.
Pilha de links em letra grande: as letras trocam a partir de onde o cursor entrou, e uma onda de luz passa pelas palavras vizinhas.
Barra de vidro fosco em que cada item tem a sua cor: a luz atrás do vidro desliza até o item apontado mudando de cor, e o nome gira como um cubo.
Barra de ícones com um refletor de palco: o facho desce no item ativo, o nome aparece na luz e, no clique, o refletor corre até o novo com o facho balançando atrasado.
Uma fileira de ícones redondos: passar o mouse num deles alarga o círculo numa pílula colorida em degradê, o ícone some e o nome aparece; os vizinhos se afastam. A página atual fica aberta. Com mouse, toque e teclado.
Um botão que, clicado, solta as ações em volta dele numa roda: cada uma sai do centro numa mola e mostra o nome quando o mouse passa. Perto da borda da tela, a roda vira um leque. Com mouse, toque e teclado.
Uma barra de abas em vidro fosco que cresce até o tamanho do conteúdo da aba: trocar de aba muda o tamanho sem fechar, e sair fecha. Com mouse, toque e teclado.
Botão "Menu +" que abre um painel pela direita em três faixas de cor; no hover, a palavra rola, uma faixa clara sobe e um traço de planta se desenha no fundo.
Barra de navegação em cápsula de vidro fosco: no clique, a luminária em cima do item ativo desliza até o novo numa mola.
Barra de navegação flutuante: o hambúrguer vira X, a barra cresce pra baixo e os cartões com os links sobem um depois do outro.
Barra de ícones estilo dock: o ícone perto do mouse cresce, os vizinhos acompanham, e um rótulo aparece em cima.
Menu com pílula no item ativo: no clique ela pula pro item novo e gotas de tinta voam de fora pra dentro e se fundem nela.
Esfera de discos em WebGL que gira infinito por arraste.
Menu de tela cheia com faixas de cor que descem e links que sobem linha a linha.
Grade de blocos que fecha como um obturador na troca de página.
Menu de links onde, no hover, um painel de marquee entra pela borda mais próxima com texto e imagens fluindo.
Menu de bolhas: o botão abre pílulas grandes que fazem pop escalonado com os rótulos subindo.
Fileira de pílulas sociais que abre no hover com bounce, revelando ícone e rótulo de cada rede.
Menu de tela cheia que entra em camadas deslizantes, com os itens em sequência; o ícone de três linhas vira X e tudo funciona pelo teclado.