iotron Posted May 24, 2022 Share Posted May 24, 2022 Hi, I want to create a pinned section to morph the SVG and then continue scrolling much like this example. Unfortunately, I haven't been able to figure out how to pin and morph the SVG. Kindly help. Thank you. See the Pen 6a2480c123d88dc391faba0ea5cc590f by akapowl (@akapowl) on CodePen See the Pen MWQEXXp by iotronlab (@iotronlab) on CodePen Link to comment Share on other sites More sharing options...
Solution GreenSock Posted May 24, 2022 Solution Share Posted May 24, 2022 Thanks for being a Club GreenSock member, @iotron! 🎉 I assume you wanted to do something like this?: See the Pen mdXBoRJ?editors=0010 by GreenSock (@GreenSock) on CodePen 3 Link to comment Share on other sites More sharing options...
iotron Posted May 24, 2022 Author Share Posted May 24, 2022 20 minutes ago, GreenSock said: Thanks for being a Club GreenSock member, @iotron! 🎉 I assume you wanted to do something like this?: Thank you so much, it's perfect! ❤️ 2 Link to comment Share on other sites More sharing options...
iotron Posted June 6, 2022 Author Share Posted June 6, 2022 Hi, I am trying to add a drawSVG and text animation along with the morphSVG on the same scrolltrigger. I can't figure out where it's going wrong. Kindly help, @GreenSock Link to comment Share on other sites More sharing options...
GreenSock Posted June 6, 2022 Share Posted June 6, 2022 I noticed a few problems: You forgot to load DrawSVGPlugin. Here's the URL of the trial version that only works on CodePen/CodeSandbox: https://assets.codepen.io/16327/DrawSVGPlugin3.min.js DrawSVGPlugin works by animating the STROKE of an SVG element, but most of your artwork has no stroke. It's actually built using filled paths, so that can't work. You'd need to rebuild your SVG artwork so that it uses strokes rather than filled paths. You set up your animation so that you animate ALL the strokes of ALL the artwork at the very start of your timeline (before anything else happens). I imagine you just wanted that to happen on the very first piece of artwork, right? Good luck! 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