CSS3の回転X線が

を作成なぜ白いラインが見えますか？これは実際には白ではありませんが、サイトの背景を示しているだけです。その背景は白です。

これは、回転divの色の代わりに背景画像を使用している場合は発生しません。回転を適用するには、これを使用し

：

$('.box').css('transform', 'translateZ(-'+halfHeight+'px) rotateX('+ deg +'deg)')

2016-10-02 Alvaro

ブラウザのアーティファクトのように感じます。それは確かに自分のPCで起こるわけではありません（Windows 10のFirefox 49 x64） –

Chrome（Windows）53.0.2785.116でも発生しません。 – JuniorDev

コメントありがとう！ – Alvaro

これは、グラフィックレンダラの問題です。そして、それはすべてのコンピュータで同じではありません。

translateZ()を使用する代わりに、translate3d()を使用すると、GPUが使用可能になり、フレームがなくてもアニメーションがスムーズになります。

続きを読むMDN

2016-10-02 15:31:34

ええ、私はそれぞれ 'translate3d'と' rotate3d'に対して 'translateZ'と' rotateX'を置き換えることができますが、とにかく問題を解決することはできません。 https://jsfiddle.net/98otxxwm/14/ – Alvaro

@Alvaroそれは、この –

ちょうどメモを修正するかもしれないCPUの代わりにGPUを使用するようにシステムを強制するでしょう... translateZは3dエンジンを可能にします。 Z軸は3D空間にあります。 – AA2992

答えて