且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

翻转动画在Firefox上不起作用

更新时间:2023-01-08 14:45:27

假设您正试图将 just 翻转:
与David Walsh的示例相比,您尝试一次完成太多轮换.
我已经注释掉后面的transform: rotate规则,因此它在Firefox中有效.

Assuming that you're trying to make just a flip:
You tried to accomplish too many rotations at once compared to David Walsh's example.
I've commented out the latter transform: rotate rules and therefore it works in Firefox.

使用清理功能编辑更新的jsfiddle 参见我的jsfiddle: http://jsfiddle.net/Volker_E/n27qM/4/
我还在jsfiddle中添加了一些注释,以获得更好的代码,例如摆脱-moz-box-shadow (仅适用于Fx 不包含值单位值为"0" ,依此类推.

Edit Updated jsfiddle with cleanup See my jsfiddle: http://jsfiddle.net/Volker_E/n27qM/4/
I've also added some comments for better code in my jsfiddle, like getting rid of -moz-box-shadow (just for Fx < 4.0) or don't include value units on values that are '0' and so on.

关于一般建议的问题:Firefox自己的开发人员工具是一个不错的开始,但是我认为***的工具是Firebug.有关两者的比较,请参见>具有哪些独特功能Firebug是否具有Firefox内置的功能?
或者将您的代码不仅放入您的问题中,而且将其放在jsfiddle上,以便其他人可以立即摆弄! ;)

Regarding your question on general advice: Firefox' own developer tools are a good start, but the best tool in my opinion is Firebug. For a comparison of the two see What unique features does Firebug have that are not built-in to Firefox?
Or put your code not only into your question, but also on jsfiddle, so others can start fiddling around immediately! ;)