Emulate creative column 2

[philysgdy]

Hi guys
Can you help us with this, I have just come across the Element CSS doc in trying to achieve a reveal animation you have in Creative columns 2.
We have 2 buttons to reveal and we were looking for the CSS on your ‘interactive-column’ and ‘CTA-btn’ to emulate but we couldn’t find it.

It seems there are a few steps to be considered for us to achieve a result

• hover and active state of column
• reveal of 2 cta-btns
  Thanks in advance

[tristup]

Hi @philysgdy,

Thanks for reaching out.
Animation added through the hierarchy classes which is added to the parent element of the button, by adding the class to the button will not work like the demo. I would suggest you import the demo and load the template to replicate the structure, or you can load the template and replace the content with your content.
Please find the article on how to use the Design Cloud and the Template manager to use the preset design components.

1. https://theme.co/docs/design-cloud
2. https://theme.co/docs/template-manager#getting-to-the-template-manager

Hope it helps.
Thanks

[philysgdy]

Hi Tristup
I just unraveled it, as you said through the hierarchy classes added to the parent element, Makes sense! You just need to find an example then you are away.
Thanks

[marc_a]

Hi @philysgdy,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.