Efeitos de interação para site

Hero de lista de espera com ícones girando em três órbitas: ao enviar o e-mail, as órbitas aceleram, o campo vira a confirmação com confete e o contador sobe.

A Terra de verdade girando no escuro: nuvens e brilho no mar do lado do sol, cidades acesas do lado da noite. Arraste e ela gira no embalo.

Um globo de pontos gira devagar com os seus lugares marcados: arraste pra girar, e cada marca some quando o lugar passa pra trás.

Lista em letras grandes: passando o mouse num item, a foto dele se monta ao lado em peças — ladrilhos, fatias, colunas ou mosaico.

Dois lados de um cartão que trocam de lugar: uma mancha de cor com a borda curva atravessa, e o conteúdo espera ela ganhar caminho antes de deslizar pro outro lado e trocar de assunto.

Um painel que abre do ponto onde você clicou: a cor nasce no botão e cresce até tomar a tela, o cartão chega antes de ela terminar, e fechar recolhe tudo para o mesmo ponto.

Lista em letras grandes e apagadas: no item com o mouse as letras rolam uma a uma até ficarem cheias e a foto dele abre no painel ao lado.

Cartão que vira página como papel na mão: o canto segue o mouse ou o dedo em qualquer ângulo, capa dura que gira em 3D, clique e setas do teclado.

Lista de etapas em letras grandes: no hover as letras rolam pra cor de destaque em itálico e um cartão com a foto da linha surge e desliza de linha em linha.

Lista rolável onde cada item aparece ao entrar na janela e some ao sair, com degradês nas bordas e navegação pelo teclado.

Formulário em etapas: a linha preenche até a próxima bolinha, a concluída vira check e o conteúdo desliza pro lado, com a caixa ajustando a altura.

Controle deslizante que cresce sob o mouse e estica como elástico quando você puxa além da ponta, voltando com mola ao soltar.

Cada clique solta um estouro de traços no ponto exato, que encolhem e somem em menos de meio segundo.

Ícone de pasta que levanta e abre as abas no hover; no clique, três papéis saem em leque, cada um um link de verdade.

Grade de cubos em arame: os cubos perto do cursor inclinam em cascata, e sem cursor o foco passeia sozinho.

Painel de tela cheia que encolhe se deformando até virar um ícone no canto.

Adesivo que descasca quando o mouse passa e pode ser arrastado até cair.

Perguntas que abrem com movimento suave e um brilho que acompanha o mouse.