Revealing cards

25.03.2019

When you want to create revealing cards, should use some advanced functions inside our editor and a bit of help of CSS code. An example here: http://9dehookj.dotests.com/ (please, hover over one of the graphical elements on the page).

1. Add this code to the custom CSS inside the options panel:

.card { transition: all 0.3s; }
.card:hover { opacity: 0.2; }

2. Set ‘card’ class on the chosen element. Images are recommended because you can set a link on them.

revealing_cards

3. Make sure that the visibility of this element is ‘top’.

revealing_cards_movetothetop

4. Publish your landing page and check if everything works as you intended.

Was this article helpful?

You might also check:

custom CSS

Can’t find what you need?

Let us help you!
Send us a message
We are using cookies for analytical purpose. Learn more.