嘿伙计们我有这个旋转木马完全用CSS创建箭头，请参阅 HERE 。
现在箭头在悬停时出现轻微错误我已将以下代码应用于箭头圈：
CSS：
.arrow-outer-prev:hover,
.arrow-outer-prev:focus,
.arrow-outer-prev:active {
-webkit-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
transform: translateX(-5px);
}
（小提琴没有显示错误，所以我将分享一个链接）。
现在在淋浴时，我的意图是移动圆圈，但是发生错误，箭头也会随着箭头稍微倾斜， SEE GIF 。
此链接上也可以看到错误 HERE 。
这个bug在FF和chrome中看起来略有不同。在Chrome中，这个bug看起来更加尴尬。不幸的是，我无法重现这个错误，也没有使用dev工具为我调试chrome。
有人能指出我在这里做错了什么吗？当CSS显然仅用于移动圆圈时，为什么箭头会移动？