使用变换时 Safari 上的小间隙： translateX答案

【问题标题】：Small Gap on Safari when using transform: translateX使用变换时 Safari 上的小间隙： translateX
【发布时间】：2016-03-19 19:55:04
【问题描述】：

我正在使用 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/

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

【问题讨论】：

【解决方案1】：

在悬停类上使用边距 0 .....

【讨论】：