TweenMax and TweenLite not working in Firefox

[Faaiz 2 Likes (Newbie)]

See the Pen VGEYeZ by goprime (@goprime) on CodePen

 

Hi, so tweenMax and tweenLite seem to be working fine in all browsers, but not in firefox, I thought Firefox supported it, right? Any help would be greatly appreciated, thanks in advance!

See the Pen VGEYeZ by goprime (@goprime) on CodePen

[GreenSock 8,117 Likes (Superhero)]

Absolutely, GSAP supports pretty much every browser. The problem here is that "width" is an attribute for SVG elements in this particular case, not a CSS property, so you simply have to tell it to target the attribute like:

 

attr:{width:0}

 

Here's a fork with the proper code, and I simplified a lot of your other code too: 

See the Pen 80f92f2d673361c3481caad3289c5382 by GreenSock (@GreenSock) on CodePen

 

Better?

[Faaiz 2 Likes (Newbie)]

@GreenSock Hi, thank you so much for the reply and the help, thank you so much!