How can we help you?
- Help Center
- Creation
- Advanced scripts & automation
- Revealing cards
Revealing cards
Last updated:
January 21, 2021
Written by:
Teresa

share
Table of contents
share
Table of contents
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: https://www.landpage.co/revealingcards (please, hover over one of the graphical elements on the page).
How to create revealing cards in the Landingi editor
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.

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

4. Publish your landing page and check if everything works as you intended.
share
Was this manual helpful?

