Efeitos de cards para site

Comprovante em forma de ingresso que chega com chuva de confete: o selo de confirmado se desenha, os papéis caem girando e os recortes das laterais são buracos de verdade.

Cartão com um gráfico de barras sonolento, metade apagado: no hover, no toque ou no teclado as barras ficam de pé numa subida, todas acesas, o gráfico chega perto e uma legenda sobe.

Cartão de vidro com uma faixa de cor inclinada atrás: no hover, no toque ou no teclado ela se endireita e abre, o vidro cresce em volta do texto e duas lascas saem dos cantos.

Cartões empilhados: o da frente cai pela borda de baixo, o de trás sobe e a pilha avança numa mola macia — pelo botão, arrastando ou pelas setas.

Pastilha de vidro que fica parada na tela e refrata, pela borda, o conteúdo que rola por baixo, com leve separação de cor.

Card que se cobre de pontinhos de luz em onda a partir de onde o mouse entrou, cintila e apaga quando o mouse sai.

Grade bento em que a borda de cada card acende na direção do mouse, um holofote atravessa a grade e partículas flutuam no card ativo.

O card inclina em 3D na direção do mouse, cresce um pouco, o título fica em relevo e uma legenda segue o ponteiro.

Peça de coleção que vira ao passar o mouse: arte na frente, ficha no verso.

Cards que entram em cena na rolagem, cada um com um movimento diferente.

Pilha 3D de cards que troca sozinha, com movimento elástico.

Card que segue o mouse e derrete conforme a velocidade do movimento.

Cards em leque que entram com quique elástico; no hover o card aponta e os vizinhos abrem espaço.

Card que inclina em 3D com verniz iridescente seguindo o cursor.

Holofote de grupo numa grade de cards: a luz segue o cursor no card ativo e vaza pela borda dos vizinhos.

Cards de depoimento empilhados — arrasta ou clica pra passar, o de trás sobe pro topo.