16

回転アニメーションでは、Chromeで機能しますが、Firefoxでは機能しません。なんで？

@-moz-keyframes rotate {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

#example {
    background: red;
    width: 100px;
    height: 100px;
    -moz-animation: rotate 20s linear 0 infinite;
    -webkit-animation: rotate 20s linear 0 infinite;
}

http://jsfiddle.net/WsWWY/

4

1 に答える 1

29

の時間値に0単位がない場合、現在の Firefox の実装は失敗します。0sまたはを使用し0msます。

http://jsfiddle.net/WsWWY/1/

注: W3Cでは、単位のない数値 0 を長さの値にすることを明示的に許可していますが、他の値についてはそのようなことはしていません。個人的にはこれが変わることを願っていますが、とりあえず Firefox の動作は間違っていません。

于 2011-10-21T03:06:49.057 に答える