使用變換時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

在懸停類上使用margin 0 .....