Curl

Um card dá meia-volta em torno de um eixo para revelar o verso.

Adicione um efeito "Card Flip" (também chamado flip card ou card flip 3D) em [onde].
Quando o ponteiro estiver sobre o card, ele deve virar em perspectiva em torno do eixo vertical para mostrar o verso, e voltar quando o ponteiro sai: suave e constante.
Esconda o lado de trás de cada face para que uma nunca apareça através da outra, e faça o giro funcionar no foco do teclado e com um toque em telas touch.

Uma sobreposição desliza a partir do lado por onde o ponteiro entrou e sai pelo lado por onde ele deixa o elemento.

Adicione um efeito "Direction Aware Hover" (também chamado direction-aware overlay) em [onde].
Uma sobreposição deve deslizar a partir do lado por onde o ponteiro entrou e sair pelo lado por onde ele deixa o elemento: rápido e suave.
Calcule o lado pela posição do ponteiro na entrada e na saída e, no toque ou no foco do teclado, use uma direção padrão.

Os ícones de uma fileira crescem suavemente conforme o ponteiro se aproxima, como no Dock do macOS.

Adicione um efeito "Dock Magnification" (também chamado dock) em [onde].
Os ícones da fileira devem crescer suavemente conforme o ponteiro se aproxima, com o mais próximo maior e os vizinhos um pouco ampliados, e todos voltarem ao tamanho normal quando o ponteiro sair.
Faça os ícones crescerem para cima a partir de uma linha de base fixa e mantenha cada ícone utilizável no tamanho normal no toque e no teclado.

O elemento sobe alguns pixels ao passar o mouse, como se estivesse flutuando.

Adicione um efeito de hover "Float" (também chamado lift ou raise) em [onde].
O elemento deve subir um pouco e ficar elevado enquanto o ponteiro estiver sobre ele, e voltar ao lugar quando sair: suave e delicado, sem quique.
Mova-o só visualmente, sem deslocar o layout ao redor, e mostre o mesmo efeito no foco do teclado.