@Elogetic
You may want to try delay page transition.
Embed code at the end of your <'/body> tag
<!-- Start .onClick delay transition -->
<script>function delay (URL) {setTimeout( function() { window.location = URL }, 850 );}</script>
<!-- End .onclick delay transition -->
After embedding the code <'/body> tag, attribute your buttons / links as external url:
You can replace the ‘850’ with however many miliseconds you’d want your transition event to be.
In my particular usecase I have a page_loader grow in serve as my transition, which is exactally 850ms
Then I assigned all meny with the same class .NB01_nav_link for page transitions:
For nav links I did not want to initiate page transitions, I named it .NB01_nav_link_static or somthing else.
For links with .NB01_nav_link_static or somthing else, I use the regular link Page or link external function
Make sure to attribute onclick transition IX for all your buttons with the link delay transition attribute.
Since my Page Load IX2 uses the same page load frame, the transitions are seamless.
Set up your Transition Load Init on 'When Page Starts loading:
(![image|349x300](upload://oSXjgb56ObPQFqW2ued6tJudOvi
.png)
I use this for seamless transitions between pages on one of my projects.
Then on the buttons, you;d want to create a transition slide.
See the folloing about IX2 transitions for tutorial: How to build page transitions in Webflow | Webflow Blog
Good luck!!