Karten

Swipe photo stack

Ein Stapel Fotokarten, bei dem die oberste Karte nach links oder rechts geschleudert werden kann, sodass sie nach hinten rutscht, während der Stapel nach vorne geschoben wird.

Amber Ridge

Blue Lagoon

Copper Dune

Emerald Trail

01 / 06

Drag the top card, or focus the stack and press the arrow keys.

Swipe photo stack verwenden

Ein Stapel Fotokarten, bei dem die oberste Karte nach links oder rechts geschleudert werden kann, sodass sie nach hinten rutscht, während der Stapel nach vorne geschoben wird.

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: peek, rotation, threshold, accent

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

1846Card Shuffle StackKartenEin aufgefächerter Stapel von Paneelen, der mit einem Timer abläuft: Das vordere Paneel fällt weg, der Rest tritt nach vorne und das heruntergefallene schwenkt hinten ein.

1768Cursor drift link previewKartenEin Link-Vorschaufenster, das sich dorthin neigt, wo sich der Zeiger auf dem Link befindet, und ihn auf einer weichen Feder nachzieht.

1774Fanning Spec StackKartenEin Stapel von Produktkarten, der sich bei Bedarf zu einem Fächer ausbreitet, wobei jede Karte einen Schlag nach der vorherigen an ihren Platz springt.

1877Pointer tilt photo cardKartenEine beschriftete Fotokarte, die sich auf einer Feder in Richtung des Zeigers neigt und bei der Drehung ein sanfter Glanz über die Vorderseite gleitet.

1802Repelling dot field cardKartenEin Werbefeld, das mit einem Feld aus Punkten gefüllt ist, die sich vom Zeiger wegbewegen und beim Vorbeigehen heller werden.

1545Tilt cardKartenEine Inhaltskarte, die sich mit einem beweglichen Blick in 3D in Richtung des Zeigers dreht, beim Einrasten angehoben wird und beim Verlassen des Zeigers wieder auf die gleiche Ebene zurückspringt.