css - Webkit: 背景画像を使用した CSS トランジションのちらつき

Question

問題の説明は、次の例を参照しています: http://codepen.io/NilsWe/pen/yoksj

すべての Webkit ブラウザーで、CSS 遷移時に .main コンテナーの背景がちらつきます。
そこにあるソリューションのいずれかが好きです：

-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-webkit-transform-style: preserve-3d;

動作しないようです。

他の提案はありますか？

Answer 1

削除してみてください

 //-webkit-backface-visibility: hidden;
 -webkit-transform: translate3d(0,0,0);
 //-webkit-transform-style: preserve-3d;

それは過去に私のために働いていました。

また、ちらつきは、操作される要素のサイズを定義しないことによって引き起こされる可能性があります。操作する要素の高さと幅を必ず定義してください。

Answer 2

幅と高さを更新すると、問題が解決しました。