Javascript 像素完美图像会导致闪烁平滑移动，在css变换或css转换中失败

我有一个像素完美的图像在屏幕上移动

但是图像闪烁，移动不平稳

我尝试了两种方法：

style=“transform:translate（32,0）；”

style=“转换：左2s；左：32px；”

这两种方法都会导致闪烁。请查看示例，并对其进行修复

图片：

注意：请参见导致闪烁的黄色边缘

编辑： 我正在尝试克隆一个游戏，但是移动有一个延迟

看到html5画布上的原始游戏运行顺畅：

---

使用dom查看我的版本：

黄色不是像素颜色。这是红色和蓝色像素强度变化的结果。如果显示器的刷新率不够，您将观察到从高强度红色/蓝色切换到关闭（黑色）时，动画中会出现闪烁。由于您的图形交替使用黄色和黑色，因此会出现大量像素切换，并且刷新率低肯定会导致闪烁

---

问题可能不是你的代码，而是你的显示器。

我在Chrome中看不到任何闪烁。我在Chrome中看到很多闪烁。@LGSon，我如何在Chrome中录制gif以上传到这里？我对你的小提琴做了更改，大小增加了一倍，这是否也闪烁。。。如果Korgrue是正确的，那么你可以做的另一个测试是，把黄色变成绿色，一个白色，一个红色，看看它们是否闪烁。也许一些像素抖动会有帮助吗？@ Korgrue，原来的游戏是用C++写的，在同一个监视器上没有闪烁，所以它是浏览器问题？可能。不知道性能会是什么样的诚实（如果有的话）@ USS399 58989C++是一种编译语言。JS在运行时被解释。这可能足以将动画速度降低到足以让闪烁变得明显的程度。那么css过渡gpu加速了吗@科格鲁