Jump to content

Mufaddal Ali

GSAP Animation not working on Safari

Recommended Posts

Hello, i have this animation done on GSAP. I used motionpathplugin for this animation. Problem is this animation is working perfectly in chrome but not working on safari or iphone 11. Does any one have any idea why this is happening. Please help. Below is the link to the website.





Link to comment
Share on other sites

I removed your CSS <link href="/static/css/main.306ce5db.css" rel="stylesheet"> and then I can see three circles moving around a path. If you inspect the page you can also see that the animation is working perfectly, except it is not visible. 


It is hard to debug a live site, so if you could build a minimal demo it will be much easier to find your issue. 

  • Like 3
Link to comment
Share on other sites

I think Safari requires your SVG with the moving elements to have a width and height in the CSS. I popped width: 100%; height: 100%; into inspect and it showed up.

  • Like 3
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.