transition-delayの単位を省略すると仕様では無視される

Blogを見た同僚から指摘されたので、メモ。 前回のブログで書いたようにtransitonによるアニメーションなどCSS3の記述で、 時間を表す数値0に単位を省略するとfireFoxでは無視される。

たとえば、trasitionのdelayで単位を省略するとfireFoxでは動かない。

-webkit-transition: width 1s ease-out 0;  //動く
-moz-transition: width 1s ease-out 0;　//動かない

0だから、単位を省略しても良いかと思ったけど、 そんなことは無い。

-webkit-transition: width 1s ease-out 0;  //動く
-moz-transition: width 1s ease-out 0s;　//動く

さすがに0以外はchromeでも省略しちゃだめ。

-webkit-transition: width 1s ease-out 5;  //動かない
-moz-transition: width 1s ease-out 5s;　//動く

本来W3Cの仕様でもちゃんと書いてあるようで…。

http://www.w3.org/TR/css3-values/#time

焦ってると意外とこういうところで時間浪費しそうだから気をつけよう。。