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
How to create Flipping Cards in WYSWIYG Web Builder 16
Forum rules
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
This section is to share tips, tricks and tutorials related to WYSIWYG Web Builder.
Please do not post questions or problems here. They will not be answered.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
Re: How to create Flipping Cards in WYSWIYG Web Builder 16
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
?
It's even easier with pure CSS. But how to make it in WYSIWYG web builder?
Like this:
https://codepen.io/faelplg/pen/MWwxred
?
Re: How to create Flipping Cards in WYSWIYG Web Builder 16
You can do this with a rollover layer.
https://www.wysiwygwebbuilder.com/support/wb16tryouts/wb16_rolloverlayer_cards.html
https://www.wysiwygwebbuilder.com/support/wb16tryouts/wb16_rolloverlayer_cards.html
Re: How to create Flipping Cards in WYSWIYG Web Builder 16
Thank you. I will check itPablo 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