# How can I make transitions within the site I shared in the example?

**URL:** <https://discourse.threejs.org/t/how-can-i-make-transitions-within-the-site-i-shared-in-the-example/68720>\
**Category:** Questions\
**Tags:** gltf-loader, animation, shaders\
**Created:** [July 29, 2024, 1:04pm UTC](https://discourse.threejs.org/t/how-can-i-make-transitions-within-the-site-i-shared-in-the-example/68720 "2024-07-29T13:04:26Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bejo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/bejo/32/41015_2.png) [@Bejo](https://discourse.threejs.org/u/Bejo)\
**Post date:** [July 29, 2024, 1:04pm UTC](https://discourse.threejs.org/t/how-can-i-make-transitions-within-the-site-i-shared-in-the-example/68720/1 "2024-07-29T13:04:26Z")

</div>

When we enter the site, I found the visual content in the background via GitHub, but I can’t get the same performance as that site. Additionally, there is a transition effect when we press the buttons below. Does anyone have an idea how I can achieve this effect?

site with transition effect and design: [https://richardmattka.com/](https://richardmattka.com/)  
Code I found on github: [GitHub - nemutas/r3f-gyroid-sphere-operable](https://github.com/nemutas/r3f-gyroid-sphere-operable)