GPU アクセラレーション トランジション用に translate3d を使用してカルーセルを実装しています。カルーセル アイテムにアーティファクト (白/灰色の市松模様の背景) が表示されます。これを追加：
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
カルーセルの css に追加し、div を移動すると問題は部分的に解決されましたが、オーバーフローしたカルーセル アイテムに市松模様の背景がまだ表示されています。完全に画面の外ではなく、部分的に表示されているものでは、この問題は発生しません。しかし、新しいアイテムが画面に入ると、レンダリングされる前に奇妙な背景で表示されます。
これを解決する方法に関するヒントはありますか?