Jump to content
GreenSock

Wewe

gsap.set not woking in safari

Recommended Posts

this.iconTL = gsap.timeline({repeat: -1});
this.flashItems.forEach(item => {
this.iconTL.set(item, {display: 'block'}, '<').set(item, {display: 'none'}, '>.3');
})

See the Pen bGvmbGW by weweloo (@weweloo) on CodePen

Link to comment
Share on other sites

Thanks for your help.

I added the codepen to my topic, I used the <use> tag for my svg element, and is not working on safari.

Link to comment
Share on other sites

That has nothing to do with GSAP. You can verify that by removing GSAP from the equation and set the values directly. It's a Safari rendering issue. 

 

One solution seems to be setting a transform value like "x" or "rotation" to something (even a tiny amount): 

See the Pen qBoJBda by GreenSock (@GreenSock) on CodePen

Link to comment
Share on other sites

that's pretty, many thanks

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