Share Posted October 2, 2021 Hello, I am trying to draw SVG on scroll horizantally. tried previous demo from forum but it's not working. Not getting any error but its adding scroll to X and Y Can anyone please help? Thanks in advance See the Pen NWgmLVw by swatiparge (@swatiparge) on CodePen Link to comment Share on other sites More sharing options...
Author Share Posted October 2, 2021 @ZachSaucier Can you please help? What is wrong with code? Link to comment Share on other sites More sharing options...
Share Posted October 2, 2021 Hello @swatip The demo you probably got the codebase for your pen from is loading extra CSS via the CSS-panel in codepen, so you are missing important styling for the panels. Here is something to get you started. See the Pen 95b82508660355b3cb287a877c6b86f0 by akapowl (@akapowl) on CodePen 3 Link to comment Share on other sites More sharing options...
Author Share Posted October 2, 2021 @akapowl Thank you so much! Link to comment Share on other sites More sharing options...
Author Share Posted October 2, 2021 Last year I purchased Shockingly green Plan. Can I use those file now? Link to comment Share on other sites More sharing options...
Share Posted October 2, 2021 If your license hasn't expired, sure. You should see your license info and downloads on your dashboard. Link to comment Share on other sites More sharing options...
Share Posted October 3, 2021 @swatip thanks for being a Club GreenSock member in the past. 🙌 Your license is tied to your membership, so if your membership expires so does your license. But don't worry - we don't put any "phone home" or validation code in the bonus plugins, so they won't suddenly top working or anything. Our whole business model is built on the honor system. We treat others the way we'd want to be treated and that'd really suck if the tools suddenly stopped working upon expiration. For sites/products that collect a fee from multiple customers, you'd need the special commercial license that comes with "Business Green" memberships. If your membership expires, you should remove the bonus plugins from your commercial site/product. But for sites/products that qualify under the standard "no charge" license, you don't need to remove anything. For example, if you used DrawSVGPlugin in a site that's totally free, you can continue using it - you'll just lose access to updates when your membership expires. Hopefully you'll find so much value in Club GreenSock that it'll be a no-brainer to renew at some point in the near future. Link to comment Share on other sites More sharing options...
Author Share Posted October 5, 2021 Thank you for your response! Link to comment Share on other sites More sharing options...
Author Share Posted October 5, 2021 Hey, I am trying achieve something like this: https://www.freespee.com/how-it-works/ with horizontal scroll mentioned above in code pen. Trying to achieve something like the attached image with horizontal scroll They are using GSAP but not sure which plugin for 3D effect. Can you please help where to start or which plugin i have to study to get this effect? Link to comment Share on other sites More sharing options...
Share Posted October 5, 2021 GSAP just handles the animation side of things. If you want to create 3D elements you'll need to use a renderer like three.js. Good luck! They have a discord if you have three.js questions - https://discord.com/invite/HF4UdyF 1 Link to comment Share on other sites More sharing options...
Author Share Posted October 5, 2021 Thanks Link to comment Share on other sites More sharing options...
Author Share Posted October 11, 2021 Hey, I'm trying to add vertical scroll after 4 slides of horizontal scroll. but gsap code has converted all section in slides no able to add vertical scroll. adding the demo. See the Pen rNzaBOj by swatiparge (@swatiparge) on CodePen Can you please help? Link to comment Share on other sites More sharing options...
Share Posted October 11, 2021 Hi Swatip, Are you looking for something like this? See the Pen KKvwPRN by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
Author Share Posted October 11, 2021 Actually, In above code it scroll. I am looking for 4 horizontal slides on scroll and then vertical normal scroll Link to comment Share on other sites More sharing options...
Author Share Posted October 11, 2021 I have added 5th slide and gave overflow-y: auto so its kind of working as i want but when I scroll up its going to previous slide instead of going to top of the 5th slide and then previous slide. Is there any way where when I am on 5th slide its should go to top of the 5th slide and then previous slide? Link to comment Share on other sites More sharing options...
Share Posted October 11, 2021 Hi Swatip - I can't visualise what you're asking I'm afraid. Please start another thread including a minimal demo showing what you've tried. Thanks! Link to comment Share on other sites More sharing options...
Author Share Posted October 11, 2021 See the Pen rNzaBOj by swatiparge (@swatiparge) on CodePen This is my codepen deom. Please go to last slide. there i have added dummy text and its scrolling verticallly but when I scroll up its going to 4th slide Link to comment Share on other sites More sharing options...
Share Posted October 11, 2021 Can you please start a new thread Swatip? Link to comment Share on other sites More sharing options...
Author Share Posted October 11, 2021 Okay 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