Microinterações
Botões magnéticos, interruptores que derretem, cartões 3D e listas com física.
experimento ao vivo
Passe o cursor e clique em cada peça.
Como usar
- Arraste o controle elástico e os itens da lista.
- Leia, embaixo de cada uma, o porquê de ela parecer natural.
Carregando o experimento…
Mouse ou dedoToque
Sobre este experimento
Uma vitrine de pequenos detalhes de interface que fazem um site parecer vivo: um botão que atrai o cursor, um interruptor líquido, um controle elástico, um cartão que inclina em 3D e uma lista que se arrasta com física.
Como isso funciona?
- 01A maior parte do “vivo” vem de molas: em vez de pular para a posição final, cada elemento acelera e desacelera como se estivesse preso a uma mola, passando ligeiramente do ponto e voltando.
- 02O cartão 3D gira conforme a posição do cursor, com um reflexo que se move junto. O botão magnético segue o cursor só um pouco, para não fugir do clique.
- 03Microinterações são pequenas, mas mostram para a pessoa que o sistema entendeu o que ela fez.