FlipCard
Zweiseitige Card, die sich beim Hover oder Klick in sechs Bewegungen dreht, mit dem Button auf der Rückseite
Die Beispiele sind nur ein Teil. Jede Tile hat außerdem die erweiterten Optionen: Animationen, Mauseffekte, Sichtbarkeit nach Gerät oder Datum, Position und vieles mehr.
01
Frisch eingefügt
So sieht sie aus, sobald du sie der Seite hinzufügst, vor jeder Änderung.
02
Die Zimmer eines B&B: vorne das Foto, hinten der Preis
Vorne das Zimmerfoto mit dunklem Namen oben, vor der hellen Decke; beim Hover dreht sich die Card und zeigt Preis, Ausstattung und den Button „Buchen“ auf Rot.
03
Die Fachgebiete einer Anwaltskanzlei, die sich per Klick drehen
Helle Cards mit feiner Linie und fast scharfen Ecken, rotes Icon vorne; sie drehen sich per Klick von oben nach unten, und die Rückseite ist dunkel.
04
Eine Retro-Sammlung, als Würfel
Vorne nur das Foto des Stücks, ohne Text; beim Hover dreht sich die Card wie die Seite eines Würfels, und hinten stehen auf einem dunkelroten Verlauf Name, Geschichte und ein oranger Button.
05
Die Abos eines Pilates-Studios, mit Bounce-Effekt
Vorne ein Orange-Rot-Verlauf mit großem Icon und Preis; die Card kommt beim Drehen näher (Zoom + Flip) und federt zurück, hinten ist sie hell mit dem Button.
06
Das Programm eines Festivals: gleiten und drehen
Auf einem Hintergrund mit Glows durchscheinende Cards mit heller feiner Linie und orangen Icons; beim Hover gleiten sie zur Seite, während sie sich drehen (Slide + Flip), und hinten sind sie vollflächig orange mit dunklem Text.
07
Die Kurse einer Kochschule, gestrichelt
Vorne eine helle Karte mit rot gestricheltem Rand, großer Titel unten links und Kalender-Icon; sie drehen sich schnell von oben nach unten, und hinten sind sie blau mit dem Button zur Anmeldung.
