# Foundation - 3 Column stack

**URL:** <https://forums.realmacsoftware.com/t/foundation-3-column-stack/41762>\
**Category:** RapidWeaver Classic\
**Created:** [December 15, 2021, 10:43am UTC](https://forums.realmacsoftware.com/t/foundation-3-column-stack/41762 "2021-12-15T10:43:14Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lars19](https://avatars.discourse-cdn.com/v4/letter/l/7bcc69/32.png) [@Lars19](https://forums.realmacsoftware.com/u/Lars19)\
**Post date:** [December 15, 2021, 10:43am UTC](https://forums.realmacsoftware.com/t/foundation-3-column-stack/41762/1 "2021-12-15T10:43:14Z")

</div>

Hi,

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](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/e/ded0d911bbb5076b59662439eaff056ec71f8d37.png)  
 ![Screenshot 2021-12-15 at 11.43.30](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/7/c7d624600260725e5f164a80666187612fb0a093.png)

---

<div class="post-metadata">

**Author:** ![Ruyton](https://avatars.discourse-cdn.com/v4/letter/r/cc9497/32.png) [@Ruyton](https://forums.realmacsoftware.com/u/Ruyton)\
**Post date:** [December 15, 2021, 11:41am UTC](https://forums.realmacsoftware.com/t/foundation-3-column-stack/41762/2 "2021-12-15T11:41:09Z")

</div>

Are you using Foundation 1 or Foundation 6?

---

<div class="post-metadata">

**Author:** ![Ruyton](https://avatars.discourse-cdn.com/v4/letter/r/cc9497/32.png) [@Ruyton](https://forums.realmacsoftware.com/u/Ruyton)\
**Post date:** [December 15, 2021, 11:47am UTC](https://forums.realmacsoftware.com/t/foundation-3-column-stack/41762/3 "2021-12-15T11:47:52Z")

</div>

Smoe Foundation 6 hover/animation examples here.

[https://www.foundationstacks.com/demo/animation/](https://www.foundationstacks.com/demo/animation/)

---

<div class="post-metadata">

**Author:** ![Lars19](https://avatars.discourse-cdn.com/v4/letter/l/7bcc69/32.png) [@Lars19](https://forums.realmacsoftware.com/u/Lars19)\
**Post date:** [December 15, 2021, 3:00pm UTC](https://forums.realmacsoftware.com/t/foundation-3-column-stack/41762/4 "2021-12-15T15:00:39Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Ruyton](https://avatars.discourse-cdn.com/v4/letter/r/cc9497/32.png) [@Ruyton](https://forums.realmacsoftware.com/u/Ruyton)\
**Post date:** [December 15, 2021, 3:11pm UTC](https://forums.realmacsoftware.com/t/foundation-3-column-stack/41762/5 "2021-12-15T15:11:37Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Lars19](https://avatars.discourse-cdn.com/v4/letter/l/7bcc69/32.png) [@Lars19](https://forums.realmacsoftware.com/u/Lars19)\
**Post date:** [December 15, 2021, 3:14pm UTC](https://forums.realmacsoftware.com/t/foundation-3-column-stack/41762/6 "2021-12-15T15:14:35Z")

</div>

thanks.

---

<div class="post-metadata">

**Author:** ![Ruyton](https://avatars.discourse-cdn.com/v4/letter/r/cc9497/32.png) [@Ruyton](https://forums.realmacsoftware.com/u/Ruyton)\
**Post date:** [December 15, 2021, 3:15pm UTC](https://forums.realmacsoftware.com/t/foundation-3-column-stack/41762/7 "2021-12-15T15:15:12Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [January 15, 2022, 1:15am UTC](https://forums.realmacsoftware.com/t/foundation-3-column-stack/41762/8 "2022-01-15T01:15:43Z")

</div>

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