Jump to content


Problem with a filtered masked svg with transformOrigin, scale and firefox

Moderator Tag
Go to solution Solved by Cassie,

Recommended Posts


I have an image masked by some circles in svg that are scaled using gsap It works fine on chrome but in firefox, it looks like the origin of the transformation is somewhere out of the window. 

Is Firefox still messing with transformation in 2022 ?

See the Pen MWrNZvq by akinorikul (@akinorikul) on CodePen

Link to comment
Share on other sites

  • Solution


Not a GSAP issue here. Firefox doesn't like percentages in SVG. It's always best to go with a viewBox and use SVG units.

Hope this helps!


See the Pen KKZOYeB?editors=1010 by GreenSock (@GreenSock) on CodePen

  • Like 4
Link to comment
Share on other sites

Well now you do!

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