Page 1 of 1

How to create Flipping Cards in WYSWIYG Web Builder 16

Posted: Tue Nov 10, 2020 5:12 pm
by dapson
In this tutorial, we will take a look at how to create a flipping card effect using two cards and a rollover tool in WYSIWYG Web Builder 16.

When you add two cards (default and hover) and set the 'Position children' option to 'floating' then both cards will automatically get the same height so you can, for example, implement 'flipping cards' with this process.

Watch the video here: https://youtu.be/b7WNc14mla4

Re: How to create Flipping Cards in WYSWIYG Web Builder 16

Posted: Sun Jan 21, 2024 7:24 am
by cgcreator
THX
It's even easier with pure CSS. But how to make it in WYSIWYG web builder?

Like this:
https://codepen.io/faelplg/pen/MWwxred

? :cry:

Re: How to create Flipping Cards in WYSWIYG Web Builder 16

Posted: Sun Jan 21, 2024 7:50 am
by Pablo

Re: How to create Flipping Cards in WYSWIYG Web Builder 16

Posted: Mon Jan 22, 2024 8:43 am
by cgcreator
Pablo wrote: Sun Jan 21, 2024 7:50 am You can do this with a rollover layer.

https://www.wysiwygwebbuilder.com/support/wb16tryouts/wb16_rolloverlayer_cards.html
Thank you. I will check it :)