Animación

Bobble tile grid

Una cuadrícula de mosaicos de colores que se alejan del puntero sobre un resorte, rebotando con más fuerza cuanto más rápido el puntero los recorre.

Cómo usar Bobble tile grid

Una cuadrícula de mosaicos de colores que se alejan del puntero sobre un resorte, rebotando con más fuerza cuanto más rápido el puntero los recorre.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: gridSize, accent, bounce, velocityScale, showIndex

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

1721Magnetic pull targetAnimaciónUn mosaico que se inclina hacia el puntero cada vez que entra dentro de un radio establecido, tirando con más fuerza cuanto más se acerca y acercándose cuando el puntero se aleja.

1797Press and hover scale tileAnimaciónUn mosaico que se hincha al pasar el mouse y se aplasta al presionar, con la prensa siempre superando al mouse y ambos resueltos desde un solo resorte para que los gestos nunca peleen.

2218Rubber sheet panelAnimaciónUn panel que se comporta como goma estirada: el puntero lo agarra, los puntos vecinos lo arrastran y, al soltarlo, lo devuelve con un bamboleo.

2252Tile reveal swapAnimaciónDos paneles intercambian baldosa por baldosa, cada baldosa gira y escala a medida que se voltea, en un orden dirigido desde el centro, los bordes o en espiral.

1669Blur revealAnimaciónUn contenedor que mantiene a su hijo desenfocado y ligeramente desplazado hasta que ingresa por primera vez a la ventana gráfica, luego resuelve el desenfoque y cierra la brecha en un solo movimiento.

1675Coiled Spring DragAnimaciónUna loseta que se puede arrastrar y que está atada a su lugar de origen mediante una bobina que se estira y se adelgaza a medida que tiras, y luego lanza la loseta hacia atrás cuando la sueltas.