3D Carousel (carrusel 3D)

El elemento central mira al frente mientras los laterales se inclinan en perspectiva.

Añade un carrusel "Coverflow" (también llamado cover flow carousel) en [dónde].
El elemento central debe mirar al frente mientras los de cada lado se giran en perspectiva; arrastrar de lado desplaza la fila y, al soltar, se asienta con suavidad en el elemento más cercano.
Admite las flechas del teclado y los gestos de deslizar además del arrastre, y mantén el scroll vertical de la página en pantallas táctiles.

Las diapositivas se mueven en horizontal por una ventana visible y encajan de una en una.

Añade un carrusel ("Carousel Slide", también llamado slider o swipe carousel) en [dónde].
Cada paso debe deslizar la fila de lado para que la siguiente diapositiva encaje en el centro, suave y frenando, con las vecinas asomando por los bordes y los puntos de posición siguiendo el cambio.
Avanza de una en una, admite deslizar con el dedo además de botones y flechas del teclado, y pon etiquetas a los controles para los lectores de pantalla.

El contenido está en las caras de un cubo que gira para mostrar la siguiente cara.

Añade una transición "Cube Rotate" (también llamada 3D cube o cube transition) en [dónde].
Coloca el contenido en las caras laterales de un cubo visto en perspectiva; cada pulsación de siguiente debe girar el cubo con suavidad sobre su eje vertical para traer la siguiente cara al frente.
Deja solo la cara frontal accesible para el teclado y los lectores de pantalla, y usa un simple fundido si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una Tierra 3D giratoria con marcadores o arcos se integra en el diseño.

Añade un globo 3D ("3D Globe", también llamado interactive globe) en [dónde].
Un globo con algunos marcadores en su superficie debe girar lenta y constantemente sobre su eje, con los marcadores girando con él: tranquilo y continuo.
Mantenlo decorativo con una alternativa de texto para la información que muestra, páusalo cuando esté fuera de pantalla y detén la rotación si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Una tarjeta se inclina hacia atrás en perspectiva al pasar el cursor mientras un pin y un brillo se elevan hacia el espectador.

Añade un efecto hover "3D Pin" (también llamado pin hover 3D) en [dónde].
Cuando el cursor esté sobre la tarjeta, debe inclinarse hacia atrás en perspectiva mientras un pin con un brillo suave en la base sube desde su centro; todo vuelve a su sitio cuando el cursor sale: suave, sin rebote.
No cambies el espacio que ocupa la tarjeta en el diseño y muestra el mismo efecto con el foco del teclado.

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).