Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS3 Transition (cubic-bezier) is not working in Firefox

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

It is supported according to w3schools.

Works fine in Chrome, IE and Opera.

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

like image 503
ovabrandon Avatar asked Apr 25 '13 13:04

ovabrandon


1 Answers

Oddly not including the unit of seconds in the transition-delay property causes the transition to not work. Just change your transition rule to:

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

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

like image 52
Adrift Avatar answered Oct 03 '22 06:10

Adrift