CSS3 Transition(立方bezier)在Firefox中不起作用

Question

  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0;

根据w3schools支持。

可以在Chrome, IE和Opera中正常工作。

http://jsfiddle.net/FSEqT/1/

Answer 1

奇怪的是，在transition-delay属性中不包括秒单位会导致转换不工作。只需将transition规则更改为:

transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s;

http://jsfiddle.net/FSEqT/7/

Answer 2

-moz-transition: all 0.3s cubic-bezier(x1, y1, x2, y2);

https://developer.mozilla.org/en-US/docs/CSS/timing-function