3D Pin

Una tarjeta gira en perspectiva hacia el cursor, con contenido en capas que se separa de la superficie.

Añade un efecto "3D Tilt" (también llamado perspective tilt o tilt card) en [dónde].
La tarjeta debe inclinarse en perspectiva hacia el cursor mientras se mueve, con sus capas internas separándose de la superficie a distintas profundidades, y volver a quedar plana con suavidad cuando el cursor sale: suave y sutil.
Mantén la inclinación leve para que el texto siga legible y deja la tarjeta plana en pantallas táctiles y si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Un reflejo brillante sigue al cursor por la superficie de una tarjeta como un destello de luz.

Añade un efecto "Glare / Holographic Card" (también llamado glare card o glare hover) en [dónde].
Un reflejo brillante y suave debe seguir al cursor por la superficie de la tarjeta como luz que rebota en ella, mientras la tarjeta se inclina un poco hacia el cursor; ambos desaparecen cuando el cursor sale: suave y sutil.
Deja que los clics atraviesen la capa del reflejo, mantén el contenido legible debajo y muestra la tarjeta sin reflejo en pantallas táctiles.

Una tarjeta gira media vuelta sobre un eje para mostrar su cara trasera.

Añade un efecto "Card Flip" (también llamado flip card o card flip 3D) en [dónde].
Cuando el cursor esté sobre la tarjeta, debe darse la vuelta en perspectiva sobre su eje vertical para mostrar su cara trasera, y volver cuando el cursor sale: suave y constante.
Oculta la parte de atrás de cada cara para que nunca se transparenten entre sí, y haz que el giro funcione con el foco del teclado y con un toque en pantallas táctiles.

Las tarjetas se apilan con pequeños desplazamientos y la de arriba se aparta para mostrar la siguiente.

Añade un "Card Stack" (también llamado stacked cards) en [dónde].
Apila las tarjetas con pequeños desplazamientos una detrás de otra; cada pulsación debe apartar la tarjeta de arriba hacia un lado y colocarla al fondo mientras las demás avanzan: suave, con una sensación ligera y rápida.
Haz que funcione con el teclado, deja que los lectores de pantalla lleguen a cada tarjeta en orden y usa un simple fundido si el usuario prefiere movimiento reducido (prefers-reduced-motion).