0

Bootstrap 3を使用して、jQueryクラスの切り替えを実行し、CSSトランジションでアニメーション化する際に、小さなピクセルのティアリング/スライドの問題があります.トランジション中に単一（またはカップル）のピクセルが移動するようなものですが、非常に目立つものです時折。

これは、Firefox、Opera Legacy (15 未満)、および Webkit ベースのブラウザー (Chrome および Opera 15 以降) で発生します。これがブラウザのバグなのか、ブートストラップのバグなのか、それとも何か他のものなのかはわかりません。

これが私が言っていることのフィドルです：http://www.bootply.com/84414

編集:より目立つようにするには、CSS で遷移時間を変更します。見るのに3秒あれば十分です。

4

1 に答える 1

1

これはかなり古い質問であることは知っていますが、私が経験している問題の修正を探しているときに、これに出くわしました.

とにかく、あなたのアニメーションは少し引き裂かれているようです. これを必要な要素に適用して、ハードウェア アクセラレーションに強制的に適用してみてください。

*{
    -webkit-transform: translate3d(0, 0, 0);
 }

フィドルのテストとしてすべての要素に適用したところ、修正されたようです

于 2014-01-15T08:42:02.320 に答える