Fondos

Tilted tile parallax

Filas de mosaicos etiquetados en una cuadrícula inclinada de gran tamaño se deslizan en direcciones opuestas a medida que el puntero cruza, y cada fila llega con su propio retraso.

Live status grid

212 checks across six regions, all green this hour

Move the pointer to shear the grid. It settles back row by row.

Cómo usar Tilted tile parallax

Filas de mosaicos etiquetados en una cuadrícula inclinada de gran tamaño se deslizan en direcciones opuestas a medida que el puntero cruza, y cada fila llega con su propio retraso.

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: accent, rows, tilt, travel, inertia, idleSway

¿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

1702Graph paper gridFondosUna cuadrícula repetitiva de líneas finas que se extienden a lo largo de su contenedor, desvaneciéndose hacia los bordes, con un pequeño grupo de células que se iluminan con un color de acento y se escurren nuevamente.

1746Shockwave dot gridFondosUna cuadrícula de puntos que se tiñe hacia el cursor y explota hacia afuera en un anillo cuando haces clic o lo deslizas.

1761Warped tile tunnelFondosUn fondo oscuro repleto de cuadrados brillantes que sobresalen a través de una lente, con anillos de brillo que se extienden hacia afuera desde el centro para siempre.

2112Bar wave matrixFondosUna cuadrícula de barras cortas donde cada barra se desliza a lo largo de su propia pista, y el desplazamiento de fase de una fila a otra convierte toda la cuadrícula en una onda viajera.

1668Blinking grid patternFondosUna cuadrícula cuadrada fina donde las células dispersas se desvanecen hacia arriba y hacia abajo, cada una saltando a una celda nueva cuando termina su parpadeo.

1681Cursor trail gridFondosUna cuadrícula de celdas delineadas que se encienden debajo del puntero y se enfrían lentamente una vez que avanza, dejando un rastro que se desvanece.