8

最近、いくつかの行列アニメーションを作成しようとしました。しかし、私は奇妙なことに気づきました。次のコードは、Firefox、Safari、および Chrome では動作が異なります。

@-moz-keyframes matrix
{
    from 
    { 
       -moz-transform: matrix(-1.0, 0.0, 0.0, -1.0, 0.0, 0.0);
    }

    to 
    { 
       -moz-transform: matrix(1.0, 2.0, 3.0, 1.0, 0.0, 12.0);
    }
}

@-webkit-keyframes matrix
{
    from 
    { 
        -webkit-transform: matrix(-1.0, 0.0, 0.0, -1.0, 0.0, 0.0);
    }

    to 
    { 
        -webkit-transform: matrix(1.0, 2.0, 3.0, 1.0, 0.0, 12.0);
    }
}

この問題を解決する方法はありますか?

4

1 に答える 1

2

Gecko と Webkit がmatrix関数をレンダリングする方法の違いにすぎないようです。そのため、まだ実験的なベンダー プレフィックスが使用されています。この問題を完全に「修正」する方法はありません。これは完全にレンダリング エンジン次第であるため、同等の結果を得るには値をいじる必要があるかもしれません。

于 2013-10-20T04:41:04.707 に答える