Jump to content


Masked SVG image Safari weirdness

Recommended Posts


First time posting so hope i'm making myself clear and not breaking any rules :). But i have no idea what i could be doing wrong (yet).

Been working on a banner ad in which masked svg elements are animated:
No trouble with Chrome or Firefox. But when i rotate a div element with an masked svg inside it, the mask takes a bigger size in Safari.

I've added an event listener to not have to refresh every time to see my precious yoghurt rotate ;)

Can anyone point me in the right direction what could be a solution? Not sure if this is Greensock related, if not, i'll show myself out :). Thanks anyway!

See the Pen VwLqbJe by boasthin (@boasthin) on CodePen

Link to comment
Share on other sites

This thread may be helpful.


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