Foundation - 3 Column stack


Is there a opportunity to animate a 3 column stack with cards inside so that if I scroll over it or my mouse moves there that the picture which is shown before will disappear and the card changes to a color. Like a overflow. Like the screenshot as it is before and then after.

Thanks for your help.

Screenshot 2021-12-15 at 11.42.44
Screenshot 2021-12-15 at 11.43.30

Are you using Foundation 1 or Foundation 6?

Smoe Foundation 6 hover/animation examples here.

I am using Foundation 6. And take a look at the Catch Light Theme. There is a portfolio and then you can see how the pictures change when you come over it with the mouse.

How can that be built?

You can download the Foundation 6 project file that is used to for the F6 demo page I posted the link to above. Take a look at how that Header animation is built.

You might also like to look at the free F6 templates if you have downloaded those.


OK, I see Catch Lite - one of Davide’s project files. They are all excellent, why not purchase that and you can see just how Davide has done it.

All his project files are F6 projects, so you can edit them as you like.

1 Like

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