How to make this Flipping card happen in the xara web designer?

[alexia36]

Hi,

Does someone know how to make this Flipping card animation happen in XARA web designer?

https://davidwalsh.name/demo/css-flip.php

Styled Card (Horizontal Flip)

Alexia

[gwpriester]

I think that Acorn will have an idea.

[Acorn]

I think that Acorn will have an idea.

It is fairly complicated. The front and back objects would be Named. Then there would be a Placeholder with the HTML code in its body. Then JavaScript or jQuery to place the Named objects in-line to the HTML code. Finally, the CSS would be put in the Placeholder in its head; the vendor prefixes.

My idea is not to bother. Experiment with the Hover 1 Link Photo Hover in the On-line Content Catalogue.

Acorn

[alexia36]

Hi Acorn,

Would you give me an example because I need to do a page including twenty members,
and I can following your structure. Thanks!

Alexia

[gwpriester]

Acorn - I don't think the Hover 1 Link is the answer. Is there some way given the information from the site linked to that you can build a module that will work?

You can use Web Animation and have one shape flip to a second object but the second object does not flip back.

[Egg Bramhill]

I think Acorn is just saying it CAN be done but is it really worth that effort when a very similar effect can be done very easily using the Hover widgets?