Hi
I am new to gsap. I am building my first animation which will have a few moving parts. I have made a rainbow from an arc and a gradient. The idea was that the rainbow will burst (using scale) and as it flies past the logo text, the text will fade in. The other main part of the animation is the central flower will bloom from a bud into the finished logo shape, (I haven't animated that yet so the codepen is just dealing with the rainbow and the text). So the animation as it is will work in Chrome or IE11, but not in firefox. If you uncomment out the code at the bottom the animation will play, but don't do that if you are using Firefox as it will crash your tab, at least that is what is happening for me.
I was hoping some of you experts could have a look and let me know if you have any suggestions whatsoever. Am I doing this right and the problem is likely to be with firefox or have I made a complete mess of this?
I can't believe it works in IE11 but not firefox! I did submit a crash report with some comments, but obviously I still need to get this working somehow.
Any help whatsoever would be appreciated!!