Jump to content
Search Community

Tweenmax staggerFrom Animation elements place change on firefox and safari browser

sumandahal 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 am trying to implement staggerFrom animation to my SVG logo. Actually Logo is made by so many elements. Which is looking nice in chrome browser but elements place are changes its position while animate on Firefox and Safari. I have researched about the issue but cannot find any solution. Can anybody help me to get out of this issue. I have developed a pen and the link is here. 

See the Pen GPKzVv by suman-dahal (@suman-dahal) on CodePen

elements change.PNG

Link to comment
Share on other sites

Just update to the latest GSAP and it's fixed. You're using an old version, that's all. 

 

The core problem had to do with the fact that your SVG had some elements with a transform="rotate(...)" and that's the one attribute-driven transform command that old versions of GSAP couldn't parse (and those were very rarely used). Since then, however, we figured out a way to parse it inexpensively.

 

Happy tweening!

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