Share Posted November 19, 2014 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 More sharing options...
Share Posted November 19, 2014 Hi gojiraaa i just tested your Codepen in Firefox 33.1.1. and every thing works fine ! Link to comment Share on other sites More sharing options...
Author Share Posted November 19, 2014 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 More sharing options...
Author Share Posted November 19, 2014 UPDATE: Apparently the problem is exclusive to FF for mac and Safari mac. Link to comment Share on other sites More sharing options...
Share Posted November 19, 2014 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 More sharing options...
Author Share Posted November 19, 2014 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now