Moxart Posted October 25, 2023 Share Posted October 25, 2023 I'm trying to create pinned sections exactly similar to this website https://ever.ru/en/ (I want each section to have own pinned animations) I read this but i can't find any solution. See the Pen XWzRraJ by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
mvaneijgen Posted October 25, 2023 Share Posted October 25, 2023 Hi @Moxart welcome to the forum! These seem like similar animation, bot the GSAP Observer plugin (https://gsap.com/docs/v3/Plugins/Observer/) seems like a good place to start! What have you tried already? We love to see minimal demo's, that way we can see your thought process and thus better help you understand the tools! https://greensock.com/get-started/ https://greensock.com/get-started-2 Sadly we can't help with "how do I recreate this cool effect I saw on this website" tutorials, that is not something we can provide on these free forums. Personally I use codepen to try out new ideas, I usually then just keep forking my pen to try out different ideas, either because I think it could be better or my original idea was not working. Usually at version 10 I got something I'm happy with. Creating forks of your pen will allow you to fall back at earlier ideas if something new is not working. Just post back here if you run in to an issue and post your minimal demo and someone will b sure to help you out! Hope it helps and happy tweening! 2 Link to comment Share on other sites More sharing options...
Moxart Posted October 29, 2023 Author Share Posted October 29, 2023 Thanks for taking your time. I am curious to know how can I have a pinned child in each parent sections. I know this part will have some complicated logic, but maybe someone can help me. See the Pen WNPrmva by moxart (@moxart) on CodePen Link to comment Share on other sites More sharing options...
Rodrigo Posted October 29, 2023 Share Posted October 29, 2023 Hi, Maybe this example can serve as a good starting point: See the Pen ExEOeJQ by GreenSock (@GreenSock) on CodePen Hopefully this helps. Happy Tweening! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now