Layout

Settling photo masonry

Ein Mauerwerksgitter aus Fotokacheln unterschiedlicher Höhe, die von außerhalb des Bildschirms einfliegen, sich in ihren gepackten Säulen niederlassen und bei der Landung unscharf werden.

Settling photo masonry verwenden

Ein Mauerwerksgitter aus Fotokacheln unterschiedlicher Höhe, die von außerhalb des Bildschirms einfliegen, sich in ihren gepackten Säulen niederlassen und bei der Landung unscharf werden.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: columns, animateFrom, stagger, scaleOnHover

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

1532Masonry flowLayoutEine Mauerwerkswand, die Kacheln unterschiedlicher Höhe in Säulen packt, jede einzelne anhebt, während sie ins Blickfeld gescrollt wird, und das gesamte Raster neu positioniert, wenn sich die Anzahl der Säulen ändert.

2342Drag split panelsLayoutDurch dünne ziehbare Griffe unterteilte Bereiche, die die Größe der angrenzenden Bereiche in Echtzeit ändern, in einer Reihe angeordnet oder gestapelt.

2351Expanding panel galleryLayoutEine Reihe von Abdeckfeldern, bei denen durch Bewegen des Mauszeigers, Klicken oder Drücken der Pfeiltaste auf eines dieses auf die volle Breite erweitert wird, während der Rest in Splitter komprimiert wird.

2357Focus scroll listLayoutEine scrollbare Warteschlange, deren Zeilen in voller Größe und opacity erscheinen, wenn sie die Mitte der Ansicht erreichen, mit Hover und Tastaturauswahl.

2381Locked ratio frameLayoutEin Container, dessen Inhalt unabhängig von der Ausdehnung in einem gewählten Verhältnis von Breite zu Höhe bleibt.

2401Pinned Card Stack ScrollLayoutEine vertikale Abfolge von Karten, die festsitzen und leicht schrumpfen, während die nächste Karte nach oben gescrollt wird, um darauf gestapelt zu werden.