Microinterações
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 usar
- 01Passe o cursor e clique em cada peça.
- 02Arraste o controle elástico e os itens da lista.
- 03Leia, embaixo de cada uma, o porquê de ela parecer natural.
Mouse ou dedoToque
experimento ao vivo
Carregando o experimento…
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 um pouquinho 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.