Arrière-plans

Tilted tile parallax

Des rangées de tuiles étiquetées sur une grille surdimensionnée inclinée glissent dans des directions opposées lorsque le pointeur se croise, chaque rangée arrivant avec son propre retard.

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.

Utiliser Tilted tile parallax

Des rangées de tuiles étiquetées sur une grille surdimensionnée inclinée glissent dans des directions opposées lorsque le pointeur se croise, chaque rangée arrivant avec son propre retard.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: accent, rows, tilt, travel, inertia, idleSway

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

1702Graph paper gridArrière-plansUne grille répétitive de lignes capillaires qui recouvrent son conteneur, s'estompant vers les bords, avec un petit groupe de cellules qui s'allument en une couleur d'accent et s'écoulent à nouveau.

1746Shockwave dot gridArrière-plansUne grille de points qui se teinte vers le curseur et explose vers l'extérieur dans un anneau lorsque vous cliquez ou feuilletez dessus.

1761Warped tile tunnelArrière-plansUne toile de fond sombre recouverte de carrés brillants qui dépassent à travers une lentille, avec des anneaux de luminosité s'éloignant pour toujours du centre.

2112Bar wave matrixArrière-plansUne grille de barres courtes où chaque barre glisse le long de sa propre piste, et le déphasage d'une rangée à l'autre transforme l'ensemble de la grille en une onde progressive.

1668Blinking grid patternArrière-plansUne grille carrée fine où les cellules dispersées disparaissent de haut en bas, chacune passant à une nouvelle cellule à la fin de son clignotement.

1681Cursor trail gridArrière-plansUne grille de cellules délimitées qui s'allume sous le pointeur et se refroidit lentement une fois qu'il avance, laissant une traînée qui s'estompe.