Css 在Safari 8和Chrome 43上进行跳跃、起伏的变换转换_Css_Google Chrome_Safari_Transform

Css 在Safari 8和Chrome 43上进行跳跃、起伏的变换转换

css google-chrome safari

Css 在Safari 8和Chrome 43上进行跳跃、起伏的变换转换,css,google-chrome,safari,transform,Css,Google Chrome,Safari,Transform,我已经遇到同样的问题好几个星期了，但还没有找到答案。这就是我的问题：我必须制作动画，以便根据鼠标位置滚动图像。我正在使用transform:translate3d（），但我尝试使用translate和translate2d，结果相同此动画在Safari 5/6/7和Firefox上完美运行。在Chrome和Safari 8上，它是跳跃的。事实上，这并不顺利你们知道吗非常感谢较新的webkit浏览器倾向于进行3d转换，而不是2d转换，因此您确实需要确保您的转换是3d的如果查看图像

我已经遇到同样的问题好几个星期了，但还没有找到答案。这就是我的问题：我必须制作动画，以便根据鼠标位置滚动图像。我正在使用transform:translate3d（），但我尝试使用translate和translate2d，结果相同

此动画在Safari 5/6/7和Firefox上完美运行。在Chrome和Safari 8上，它是跳跃的。事实上，这并不顺利

你们知道吗

非常感谢

较新的webkit浏览器倾向于进行3d转换，而不是2d转换，因此您确实需要确保您的转换是3d的

如果查看图像，它们包含内联样式，并将

transform:translate（）

作为属性之一。内联样式正在覆盖您的CSS，包括

transform:translate3d（）

，这就是为什么无论您在CSS中添加什么，您都不会发现任何差异

你需要做的是要么使用CSS（推荐）要么使用内联样式——到处都有样式是混乱的