At the first click the rotation is complete, then if you click the button again it won’t rotate anymore.
For other angles, it does rotate until it becomes invisible and it’s impossible to click it anymore.
[quote=269148:@Albin Kiland]This makes it spin back and fourth, in Safari
In Chrome it does all kinds of different things.
I should note I’m on 2013r3.3 so I might not be the right one to try this I’m out.[/quote]
Well the CSS does not specify HOW to rotate to that angle. I would next try 4 steps. The big issue is the easing though, that would prevent the animation from looking like one smooth motion.
This was more “If I were searching through the list of bug reports for something pertinent to my problem, what would help me quickly eliminate or zero in on this one?”
The onscreen animation seems to take “the shortest path between two points” It looks at the starting point…the ending point…and animates a transition. If your starting and ending points “look identical” – then the shortest distance is “do nothing”. Rotating 360 degrees results in “nothing”. I have to rotate 180 twice with Keyframes to force an animation. Sometimes I noted that if you try to rotate + 350 degrees… the image will often be animated to rotate the opposite direction 10 degrees. It’s frustrating because it usually works as expected…the first time.