Mise en page

Settling photo masonry

Une grille de maçonnerie de tuiles photo à hauteur variable qui volent depuis l'écran et s'installent dans leurs colonnes remplies, devenant floues à mesure qu'elles atterrissent.

Utiliser Settling photo masonry

Une grille de maçonnerie de tuiles photo à hauteur variable qui volent depuis l'écran et s'installent dans leurs colonnes remplies, devenant floues à mesure qu'elles atterrissent.

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: columns, animateFrom, stagger, scaleOnHover

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 versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

1532Masonry flowMise en pageUn mur de maçonnerie qui regroupe des carreaux de différentes hauteurs dans des colonnes, soulève chacun d'entre eux lorsqu'il défile et réinstalle la grille entière lorsque le nombre de colonnes change.

2342Drag split panelsMise en pagePanneaux divisés par de fines poignées déplaçables qui redimensionnent les volets adjacents en temps réel, disposés en rangée ou empilés.

2351Expanding panel galleryMise en pageUne rangée de panneaux de couverture où le survol, le clic ou la touche fléchée sur l'un d'entre eux l'étend sur toute la largeur tandis que le reste se compresse en éclats.

2357Focus scroll listMise en pageUne file d'attente déroulante dont les lignes apparaissent en taille réelle et en opacité lorsqu'elles atteignent le centre de la vue, avec survol et sélection au clavier.

2381Locked ratio frameMise en pageUn conteneur qui maintient son contenu verrouillé selon un rapport width-to-height choisi, quelle que soit sa largeur.

2401Pinned Card Stack ScrollMise en pageUne séquence verticale de cartes qui s'épinglent en place et rétrécissent légèrement à mesure que la carte suivante défile pour s'empiler dessus.