Efeitos de hover para site

A foto vira água de verdade: o cursor deixa uma esteira, o clique joga uma pedra, e as ondas se cruzam, entortam a foto e brilham na luz.

A foto fica atrás de um vidro embaçado: o cursor limpa um caminho por onde passa e o embaçado volta aos poucos, em manchas.

Passando o mouse no link, as letras trocam uma a uma por uma cópia de outra cor, em escada. Seis jeitos: sobe, desce, de lado, gira, desfoca e vira.

Capas de disco: passando o mouse, o vinil sai de trás da capa e gira; ao sair, volta freando aos poucos. Uma etiqueta com o nome segue o cursor.

Uma lupa de vidro passeia pela foto seguindo o cursor (ou o dedo) e mostra o detalhe que o olho não via; o quanto ela aumenta é ajustável.

Ao passar o mouse, o título gira e some, e duas camadas de pontos explodem.

Cubo de vidro com uma letra por face que gira e segue o cursor.

Ao passar o mouse a palavra cresce, as imagens deslizam e as etiquetas caem com física.

Ao passar o mouse, rabiscos inundam o card de cor e o título aparece palavra por palavra.

Ícone de 5 camadas que abrem em leque 3D no hover.

Ícones de redes em cinza que no hover ganham a cor real da marca por um wipe, com linha varrendo.

Card de flip clássico: gira 180° e mostra o verso no hover/foco/tap.

Imagem em 4 pedaços que se abrem para os cantos e revelam o conteúdo.

Elemento que é um cubo CSS 3D e gira 90° no hover revelando outra face.

Grade de tiles com flip 3D em cascata radial e contágio nos vizinhos do hover.

Uma faixa de cor varre o card em diagonal, entrando pelo lado por onde o mouse chegou.