celli

Great, thanks Zach! Just was wondering if something maybe has changed since.

Hi, I animated an inline SVG with GSAP and it works really well—but now I am thinking that maybe I'd like to reference the SVG and not have the SVG inline because my HTML document get's pretty long. Is there a best approach with GSAP 3 to reference the IDs and classes within the SVG file, or best practices to use in general that would work cross browser ? I have a lot of IDs to reference, so I'm just wondering if there is a best approach to keep my GSAP code intact

Thanks Zach ! and apologies for the basic question, I should have figured that part out.

I am trying to use the helper function to pull a random element from an array that's not the PREVIOUS one that was pulled. I can't seem to figure out how to implement it into my gsap timeline. I tried referencing the function 'getRandomFrom' and then inserting my array just like using the random function, but I can't seem to get it work. Any help is appreciated.

cool, thanks! I was going to see if the element(s) exist, but figured I'd ask about these. thanks!

Hi, Do I need to worry about messages like these (pasted below) that come up in the console ? GSAP target [object Object] not found. https://greensock.com gsap-core.js:52 It is because it can't find the element that is referenced in my GSAP .js, but I have many pages that reference this .js file and the page that it's throwing this in the console happens not to have this element on that page, and I don't really want to make separate .js files for each .html page. Is there a way to suppress them in production, or do I need to worry about these types of messages in the console ? Thanks

perfect, that worked ! I knew it had to be something simple. I didn't realize that. Thanks!

I can get GSAP3's splitText plugin working fine on CodePen with the CodePen plugin URL https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/SplitText3.min.js I have a Greensock membership, so I have the plugin hosted and local -- but it throws and error, even if I use my hosted plugin URL on CodePen. I tried registering the plugin like this gsap.registerPlugin(SplitTextPlugin); I still get this error on the SplitText.js file : "Uncaught SyntaxError: Cannot use import statement outside a module" Then of course I get the error that SplitText is not defined Any ideas why I am not able to use it outside of codePen ?

ahh, got it. Okay, thank you!

Hi, I seem to be getting an error in the console (pasted below) Invalid property onOverwrite set to undefined Missing plugin? gsap.registerPlugin() This happens when my scrollMagic trigger is activated. If you scroll up on the codePen with the console open, you can see it. I removed all of the properties one-by-one, but I still seem to get the error, although it still executes the code. Does anyone know whats wrong with my code or the reason why ?

Cool, thanks Carl and Zach!

ahh, I didn't think of that. That's awesome! So there is only one letter at a time before staggering.

Hi Zach, Sorry about that! Here is a quick animated GIF to show what I mean

That's really cool, Carl! I am watching the video now. But I still want the first letter to appear first, like the way a regular text box works when you type using centered text in photoshop or illustrator. The first letter still starts out the sequence... Can I still use something like these advanced staggers work ?

Is there a trick to starting GSAP splitText from the center ? The text is centered, but it seems to start/stagger from the left. I was trying a stepped ease, and changing the width of my text element's div, but I couldn't seem to get it right.