# Page transitions. new to readymag

**URL:** <https://forum.readymag.com/t/page-transitions-new-to-readymag/3165>\
**Category:** Uncategorized\
**Created:** [June 27, 2024, 7:12pm UTC](https://forum.readymag.com/t/page-transitions-new-to-readymag/3165 "2024-06-27T19:12:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![stsosl](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/stsosl/32/2179_2.png) [@stsosl](https://forum.readymag.com/u/stsosl)\
**Post date:** [June 27, 2024, 7:12pm UTC](https://forum.readymag.com/t/page-transitions-new-to-readymag/3165/1 "2024-06-27T19:12:36Z")

</div>

Hello!

I am new to using readymag.  
Has anyone had any experience trying to create animated/unique page transitions?  
I am inspired by this website: [https://twomuch.studio/projects](https://twomuch.studio/projects)

Especially the part where once you click on an item, the page auto scrolls up to reveal more information on the project.

I am guessing a lot of this is custom code, but wondering if there any in-product features to consider using or if anyone has implemented things like this with code successfully. Thanks so much

---

<div class="post-metadata">

**Author:** ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)\
**Post date:** [June 28, 2024, 9:04am UTC](https://forum.readymag.com/t/page-transitions-new-to-readymag/3165/2 "2024-06-28T09:04:05Z")

</div>

hey, there is not a inbuilt pagetransition function. So this has to be done with customcode but might not be that easy.

Once I created this [**Portfolio**](https://stephanabry.de/) in which I found a way to do it.  
The idea is: if you click on a link that directs to another page → delay the execution of the link. Move the page you are on right now to the left. then execute the link if the pagecontainer is out of view and then move it back in.

this works not only for left/right, but also top/down, opacity or whatever css value you like, but is, as I said not that easy…

---

<div class="post-metadata">

**Author:** ![Samus](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/samus/32/1146_2.png) [@Samus](https://forum.readymag.com/u/Samus)\
**Post date:** [June 29, 2024, 1:05am UTC](https://forum.readymag.com/t/page-transitions-new-to-readymag/3165/3 "2024-06-29T01:05:34Z")

</div>

> [@neueMeta](#):
>
> Once I created this [**Portfolio**](https://stephanabry.de/) in which I found a way to do it.  
> The idea is: if you click on a link that directs to another page → delay the execution of the link. Move the page you are on right now to the left. then execute the link if the pagecontainer is out of view and then move it back in.

Wow, that is brilliant! Great job! 👏🏼

---

<div class="post-metadata">

**Author:** ![stsosl](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/stsosl/32/2179_2.png) [@stsosl](https://forum.readymag.com/u/stsosl)\
**Post date:** [June 29, 2024, 5:06pm UTC](https://forum.readymag.com/t/page-transitions-new-to-readymag/3165/4 "2024-06-29T17:06:53Z")

</div>

This is amazing. Thanks so much for sharing!  
What a great use, I’m going to have to try this out!