CSS3 Transition (Bezier Cube) not working in Firefox

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

Supported by w3schools.

Works great in Chrome, IE, and Opera.

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

+5
source share
2 answers

Oddly enough, except for a few seconds in transition-delay, this means that the transition does not work. Just change the rule transitionto:

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

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

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

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

0
source

All Articles