Flip-Image
https://www.w3schools.com/howto/howto_css_flip_card.asp
HowToDo:
- Container für die Flip-Card-Elemente anlegen (Spaltenelement mit Placeholder-Widgets)
- Flip-Image-Widget (create_flip-accordion) direkt unterhalb des Containers für die Flip-Card-Elemente einsetzen
- Contentelemente (Bild/Text in 2-Spalten-Element) anlegen
- Direkt unter jedes Content-Element 1x ein Content-Widget für Flip-Image legen (create_flip-content) einsetzen
Beispiel:
3-Flip-Cards in 1 Spalrtenelement
flip-card
flip-card
flip-card
create_flip-accordion
1 Flip-Card Element (standalone)
flip-card
create_flip-accordion
Content
Lorem ipsum 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur.
Qua ex cognitione facilior facta est investigatio rerum occultissimarum. At coluit ipse amicitias.
create_flip-content
Lorem ipsum 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur.
Qua ex cognitione facilior facta est investigatio rerum occultissimarum. At coluit ipse amicitias.
create_flip-content
Lorem ipsum 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur.
Qua ex cognitione facilior facta est investigatio rerum occultissimarum. At coluit ipse amicitias.
create_flip-content
Lorem ipsum 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Inscite autem medicinae et gubernationis ultimum cum ultimo sapientiae comparatur.
Qua ex cognitione facilior facta est investigatio rerum occultissimarum. At coluit ipse amicitias.
create_flip-content
skripte