最終的に解決した方法 → 「backface-visibility:hidden;」指定

最終的に解決した方法

該当CSSに「backface-visibility:hidden;」指定

-webkit-backface-visibility:hidden;

  backface-visibility:hidden;

解決に要した日数
・3日間

---

遭遇例

修正前

.slideshow ul.animatable li {

 -webkit-transition: -webkit-transform 0.5s;

  transition: transform 0.5s;

}

修正後

.slideshow ul.animatable li {

 -webkit-transition: -webkit-transform 0.5s;

  transition: transform 0.5s;

  -webkit-backface-visibility:hidden;

  backface-visibility:hidden;

}

---

「backface-visibility:hidden;」指定すると、チラつきが解消される理由

不明


・CSS Transformsで画面がちらつくときの対処法