Animated/hidden grid elements until mouseover

Hi, I’m looking to create a gird using the Pro Grid element that behaves in the same way as the one on this page: http://archiwildish.co.uk/

So I want a more info to be invisible at first, then to bounce up when a user mouses over the cell. I know this is pretty standard in Essential Grid etc, but I’d rather use the native element. Thanks!

Shaun

Hello Shaun,

Thanks for writing in! The example grid is very much possible with the Grid Element. In each of your cells, you will insert a DIV element first and then insert the Headline and Text element in it. The structure would be like this:

And then in your Div element settings, you set the height to 100% and apply your Transform effects.

Best Regards.

Fantastic, thank you!

We are always glad to help you, Shaun.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.