Jump to content
Search Community

Help with proper crossbrowser SVG animation

rojus32 test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts


I can't seem to make GSAP run well on Safari. I made a simple example which runs smooth in IE, Chrome, Firefox except for Safari, where it ends up choppy. 

I've seen this happen not only with GSAP, but js in general, where it just can't refresh fast enough, though I don't know what's that about. 


I'm fairly new to coding and I would appreciate any help on how to do SVG animation properly for all the browsers.



Thank you,



See the Pen yoejKb by rojus (@rojus) on CodePen

Link to comment
Share on other sites

Hello @rojus32 and Welcome to the GreenSock Forum!


I tested on an iPad Air 2 on latest Safari (Safari 10 on iOS 10.3) and i'm seeing it animate smooth.


What device and Safari version are you seeing this choppy stuff going on?


The only thing i see in your code is that your not declaring your variable element with var. That is throwing an exception reference error in the console due to not declaring your variables with var, let or const.



  • Like 2
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...