# Vertical scrolling cards with overlap effect

**URL:** <https://forum.readymag.com/t/vertical-scrolling-cards-with-overlap-effect/503>\
**Category:** Animations\
**Created:** [August 3, 2022, 9:25pm UTC](https://forum.readymag.com/t/vertical-scrolling-cards-with-overlap-effect/503 "2022-08-03T21:25:35Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![T\_G](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/t_g/32/376_2.png) [@T\_G](https://forum.readymag.com/u/T_G)\
**Post date:** [August 3, 2022, 9:25pm UTC](https://forum.readymag.com/t/vertical-scrolling-cards-with-overlap-effect/503/1 "2022-08-03T21:25:35Z")

</div>

Hello!  
Trying to create the same animation as attached but have no success… maybe someone could share the advice on setting up the scroll animation for the widgets?

![image](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/1X/b339d0f2bd391fe2495fd1e3211f5dc1cc0e3c8c.gif)

---

<div class="post-metadata">

**Author:** ![T\_G](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/t_g/32/376_2.png) [@T\_G](https://forum.readymag.com/u/T_G)\
**Post date:** [August 4, 2022, 2:51pm UTC](https://forum.readymag.com/t/vertical-scrolling-cards-with-overlap-effect/503/2 "2022-08-04T14:51:09Z")

</div>

solved it by myself. thanks

---

<div class="post-metadata">

**Author:** ![Dima\_K](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/dima_k/32/407_2.png) [@Dima\_K](https://forum.readymag.com/u/Dima_K)\
**Post date:** [August 12, 2022, 9:37pm UTC](https://forum.readymag.com/t/vertical-scrolling-cards-with-overlap-effect/503/3 "2022-08-12T21:37:59Z")

</div>

can you tell me how do this? 😃

---

<div class="post-metadata">

**Author:** ![T\_G](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/t_g/32/376_2.png) [@T\_G](https://forum.readymag.com/u/T_G)\
**Post date:** [August 12, 2022, 10:27pm UTC](https://forum.readymag.com/t/vertical-scrolling-cards-with-overlap-effect/503/4 "2022-08-12T22:27:42Z")

</div>

Yep  
Use this settings  
Move equals the height of the card  
Cards should be stacked with no spacing between each other

 ![Screenshot 2022-08-13 012646](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/1X/34bec26114fa4e0139bfaf68357cf181d65360f9.png)