Exemplo 4 · Tilt 3D com profundidade

Galeria 3D

Os cards inclinam na direção do mouse (rotateX/rotateY) e cada ícone flutua em profundidade com translateZ. Os blobs do fundo fogem do cursor.

🚀

Velocidade

Leve e direto ao ponto.

🛡️

Proteção

Defesas ativas em todas as camadas.

🧠

Inteligência

IA que aprende com você.

Energia

Consumo mínimo, máximo rendimento.

🎨

Design

Interfaces que parecem flutuar.

🔒

Privacidade

Seus dados, só seus.

🌍

Comunidade

Milhões de usuários no mundo.

Magia

Pequenos detalhes que encantam.

Como funciona?

O mouse define rotateX e rotateY no card, e os elementos com data-tilt-depth ganham translateZ — quanto maior o valor, mais alto eles "sobem" da superfície.