Hello,

I am building a services section for a website and wondering if its possible to use the "morphine lines" template (as in the image) but add the "flip" box animation with some content behind?

please see image attached,

thanks in advanced for your help :)

cheers

-manuel

note: forgot to mention that I still like the "morphing outline" animation, but I was refering to get the box to actually flip "on click" to be more precise. Thanks

Hi Tahir,

Thanks for the prompt answer. Gotcha, I am trying to find a workaround then to get some supplementary content to work with the "morphing outline" box. I really like the visual animation of it and I thought of making some additional content appear in a different fashion.  

On the attached image you can see a very quick example, I have twice the morphing outline blocks (for demonstration)

As you can see I will like to get some tabbed content to work with the "morphing outline" section. 

I did nest "morphing outline" element inside the "first tab" but one of my issues is that the "outline" defaults to an "oval shape" and doesnt have the animation. Do you know why is this happening?

Secondly, it will be ideal to trigger the "second tab" when clicking one of the text links inside each outline box and then to default back to the first tab (with the morphing outline on "hoverOUT"? and/or when clicking the opposite box (green or blue). 

It dont think this is too hard to achieve but I am very new to salient, so please bare with me.

Thanks for your help in advanced.

cheers

-manuel

note: quick screen capture to explain better the issue: https://www.dropbox.com/s/65lz3kbr32ucnth/issue_tabs.mp4?dl=0

[SOLVED] 

nevermind, I found a solution for this ;)

cheers