.mdl Posted July 28, 2021 Share Posted July 28, 2021 I really liked the animation when scrolling on the 3rd screen: https://readymag.com/evrone/2744381/3/ How this can be implemented and you can please examples of implementations. Thansk! Link to comment Share on other sites More sharing options...
Cassie Posted July 28, 2021 Share Posted July 28, 2021 Hey @.mdl Welcome to the forums! This is really nice - have you used SVG before? Link to comment Share on other sites More sharing options...
.mdl Posted July 28, 2021 Author Share Posted July 28, 2021 5 minutes ago, Cassie said: Hey @.mdl Welcome to the forums! This is really nice - have you used SVG before? @Cassie Good afternoon! No, I have not used svg in animations. The site uses png images. Link to comment Share on other sites More sharing options...
Solution Cassie Posted July 28, 2021 Solution Share Posted July 28, 2021 Great! This looks like a fun starter project to get a good understanding of SVG shapes. I would start off by either hand coding the shapes or using a graphics editor to put the graphic together. Once you have the pieces then you'll need to animate their x and y position and hook it up to scrollTrigger, like so See the Pen BaRryNg by GreenSock (@GreenSock) on CodePen Hope this helps, Happy tweening! 4 Link to comment Share on other sites More sharing options...
.mdl Posted July 28, 2021 Author Share Posted July 28, 2021 7 minutes ago, Cassie said: Great! This looks like a fun starter project to get a good understanding of SVG shapes. I would start off by either hand coding the shapes or using a graphics editor to put the graphic together. Once you have the pieces then you'll need to animate their x and y position and hook it up to scrollTrigger, like so Hope this helps, Happy tweening! @Cassie Thank you very much for this example, now I understand where to go. 1 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