Revealing cards

Last updated: January 21, 2021 Written by: Avatar 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.

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.

share

Was this manual helpful?