Why does Firefox rotate an element differently tha

问题:

In the jsFiddle below why does Firefox rotate the container differently than Chrome or Safari?

http://jsfiddle.net/CRc9d/

Browser Version Info:

• Firefox 7.0.1
• Safari 5.1.1
• Chrome 15.0.874.120

In Chrome and Safari the container rotates gradually whereas in Firefox the container rotates immediately.

回答1:

I'm not sure if this helps... I replaced

-moz-transition-property: rotate;
-moz-transition-duration: .17s;
-moz-transition-timing-function: linear;

with

-moz-transition: -moz-transform 0.17s linear;

And it works fine. Could be a syntax thing... I'm taking a look at the mozilla developer network to confirm.

Here's the working jsfiddle.