使用時のSafariの小さなギャップtransform：translateX

Question

私は、スライド効果を作成するためにtransform：translateXを使用しています。

コードはChromeで正常に動作します。

サファリでは、一部の画面解像度で、時にはFirefoxの下で、アニメーション中に小さなギャップができます。

アニメーションレイヤーが停止すると、ギャップが消えます。

当初、私は

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

を持っており、ホバー後に、私がしている：私はもし感謝される https://jsfiddle.net/e197mrsb/40/

：

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

私はここに私のコードの構成を持っています誰かが助けることができます。

Answer 1

ホバリングクラスでの使用マージン0 ...