使用transform时，Safari上的小差距：translateX

Question

我正在使用transform：translateX以便能够创建滑动效果。

代码在Chrome下正常运行。

在safari中，在某些屏幕分辨率下，有时在firefox下，我在动画期间会有一个小的差距。

当动画层停止间隙消失时。

最初我有一个

-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);

悬停后，我有一个：

-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);

我的代码构成如下： https://jsfiddle.net/e197mrsb/40/

如果有人可以提供帮助，我将不胜感激。

Answer 1

在悬停类.....上使用保证金0