Demo · 09 Signature · $25K
Cada card responde al cursor con tilt 3D + glare reflectivo. Sin libs, sin three.js — solo CSS perspective + un par de variables. Es el efecto de Apple Card en cualquier portafolio o catálogo. Mueve el mouse sobre las cards.
El elemento padre tiene perspective:1200px y los hijos transform-style:preserve-3d. La card rota en X y Y según la posición del cursor (rango ±10°), y los elementos internos (título, flecha) tienen translateZ — se elevan literalmente al frente cuando la card se inclina.
El glare es un radial-gradient blanco con mix-blend-mode:screen, posicionado donde está el cursor. Se ve como un reflejo de luz que cruza la card cuando inclinas — lo que vende la ilusión de superficie física.
Lo aplico a tu portafolio o catálogo en una tarde. Cada card responde con su propio tilt + glare.
Cotízalo por WhatsApp