Jump to content
GreenSock

gojiraaa

SVG rotation always reset once finished

Recommended Posts

Hi all,

 

I'm having this problem with SVG rotation.

Basically it always reset its position once the animation is finished.

 

Codepen:

 

During testing, it works fine on Chrome, but not of Firefox and mobile Safari.

I'm using Firefox 33.1.1.

 

Anyone's having the same issue? Any pointer is greatly appreciated.
 

Cheers!

 

 

UPDATE:

Apparently the problem is exclusive to FF for mac and Safari mac.

See the Pen QwwEYX by anon (@anon) on CodePen

Link to comment
Share on other sites

Hi gojiraaa :)

 

i just tested your Codepen in Firefox 33.1.1. and every thing works fine !

Link to comment
Share on other sites

Hmmmm... it's weird, I tried again and it's still problematic.

 

The circle starts on 3 o'clock and animates to 12 o'clock.

But in FF, once it's stopped at 12 o'clock, a fraction of a second later, it moves back to 3 o'clock.

Link to comment
Share on other sites

UPDATE:

 

Apparently the problem is exclusive to FF for mac and Safari mac.

Link to comment
Share on other sites

hmm i`m PC guy , and just i tested that in chrome 38.0.2125.111 / ie10 , 9 / Firefox 33.1.1 / android 4.4 browser and works fine .

Link to comment
Share on other sites

Thanks for helping out with the testing. Yep it works on PC, apparently it's exclusive for the mac.

However I accidentally found a trick to fix it. Instead of putting rotation 270, I put 270.01. This fixes the problem!

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