我几周来一直遇到同样的问题而且还没有找到答案。 所以这是我的问题： 我必须制作动画才能根据鼠标位置滚动图像。 我正在使用transform：translate3d（）但我尝试使用translate和translate2d获得相同的结果。
此动画在Safari 5/6/7和Firefox上完美运行。 在Chrome和Safari 8上，这很糟糕。事实上，它并不顺利。
你们有什么想法吗？
非常感谢！
答案 0 :(得分：1)
后来的webkit浏览器倾向于比2d变换更好地进行3d变换，所以你真的需要确保你的翻译是3d。
如果查看图像，它们包含内联样式，并将transform: translate()作为其中一个属性。内联样式会覆盖您的CSS，包括transform: translate3d()，这就是为什么无论您在CSS中放置什么都没有区别的原因。
你需要做的是使用CSS（推荐）或内联样式 - 整个地方的样式都很混乱。