3D Globe (globo 3D)

Líneas y puntos se animan entre ubicaciones de un mapa o un globo terráqueo.

Añade "Animated Map Arcs" (también llamado globe arcs) en [dónde].
Unas líneas curvas deben dibujarse una tras otra entre ubicaciones de un mapa de puntos y luego recogerse hacia su destino mientras allí late un anillo suave: tranquilo y constante.
Escalona los arcos para que nunca se muevan a la vez, mantén el bucle sin cortes y páusalo si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Círculos o iconos pequeños giran alrededor de un centro en órbitas circulares.

Añade "Orbiting Circles" (también llamado orbit animation u orbiting icons) en [dónde].
Unos círculos pequeños deben girar lenta y constantemente alrededor de un elemento central en anillos circulares, con el anillo exterior girando en sentido contrario y más despacio.
Mantén el bucle sin cortes y los elementos en órbita siempre derechos, 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).

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.