我在使用Bootstrap 3执行jQuery类切换和使用CSS Transition进行动画制作时会出现像素撕裂/滑动的问题。这就像单个（或耦合）像素在进行转换时移动，但是有时候很明显的东西。
它发生在Firefox，Opera Legacy（低于15）和基于Webkit的浏览器（Chrome和Opera 15+）中。我不知道这是一个浏览器错误，一个Bootstrap错误还是别的什么。
以下是我所说的一句话：http://www.bootply.com/84414
修改：为了使其更加引人注目，请更改CSS中的转换时间。 3秒就足以看到它了。
答案 0 :(得分：1)
我知道这是一个相当古老的问题，但在寻找我正在遇到的问题的修复程序时，我偶然发现了这个问题。
无论如何，它看起来像你的动画略有撕裂。通过将其应用于必要的元素，尝试强制它进入硬件加速。
*{
-webkit-transform: translate3d(0, 0, 0);
}
我将所有元素都应用于你的小提琴上并试图修复它