Float

El elemento sube y luego se balancea arriba y abajo sin parar mientras está bajo el cursor.

Añade un efecto hover "Bob" (también llamado hang) en [dónde].
El elemento debe subir un poco y luego seguir balanceándose suavemente arriba y abajo mientras el cursor siga encima, y bajar de nuevo cuando el cursor salga: lento y suave.
Repite el balanceo solo mientras esté bajo el cursor y déjalo quieto si el usuario prefiere movimiento reducido (prefers-reduced-motion).

Al pasar el cursor, aparece o se intensifica una sombra suave bajo el elemento que sugiere elevación.

Añade un efecto "Hover Shadow" (también llamado drop shadow on hover o elevation on hover) en [dónde].
Una sombra suave bajo el elemento debe intensificarse y extenderse mientras el puntero esté encima para que parezca elevado, y volver a desvanecerse al salir, sin que el elemento se mueva de su sitio.
Mantén la sombra lo bastante sutil para que funcione en temas claros y oscuros, y muestra el mismo efecto con el foco del teclado.

Al pasar el cursor, el elemento baja unos píxeles, como si se hundiera en la página.

Añade un efecto hover "Sink" en [dónde].
El elemento debe bajar un poco y quedarse ahí mientras el cursor está encima, como si se hundiera en la página, y volver a subir cuando sale: suave, sin rebote.
Muévelo solo visualmente sin desplazar el diseño de alrededor y muestra el mismo efecto con el foco del teclado.

Al pasar el cursor, una flecha o el propio elemento se desliza un poco hacia delante o hacia atrás.

Añade un efecto hover "Nudge Forward / Backward" (también llamado arrow nudge) en [dónde].
La flecha debe deslizarse un poco en la dirección a la que apunta mientras el puntero esté sobre el elemento, y volver al salir: rápido y corto.
Mueve solo la flecha, sin desplazar el texto ni el diseño, y muestra el mismo efecto con el foco del teclado.

Las tarjetas vecinas se desenfocan y oscurecen mientras la tarjeta bajo el cursor se mantiene nítida.

Añade un efecto "Focus Cards" (también llamado blur siblings on hover, hover focus blur o card hover effect) en [dónde].
Mientras el cursor esté sobre una tarjeta, las demás deben desenfocarse, oscurecerse y encogerse un poco mientras la tarjeta bajo el cursor sigue nítida, todo con un fundido suave que se invierte cuando el cursor sale.
Aplica el mismo enfoque con el foco del teclado y mantén todas las tarjetas nítidas y legibles cuando no hay ninguna bajo el cursor.

Aparece un halo de luz de color alrededor del elemento al pasar el cursor.

Añade un efecto hover "Glow" (también llamado neon glow) en [dónde].
Un halo de color suave debe aparecer con un fundido alrededor del elemento mientras el cursor está encima y desvanecerse cuando sale: delicado, sin movimiento.
Evita que el halo afecte al diseño y muestra el mismo efecto con el foco del teclado.

El elemento se agranda ligeramente y con suavidad cuando el cursor está encima.

Añade un efecto hover "Grow" (también llamado scale up) en [dónde].
El elemento debe agrandarse ligeramente y con suavidad mientras el cursor está encima, y volver a su tamaño cuando sale: rápido y sutil.
Evita que el diseño de alrededor se desplace y muestra el mismo efecto con el foco del teclado.