javascript - Safari 转换翻译无法正常工作

Question

我有一个带有 transform: translateX(...) translateY(...) translateZ(...) rotateY(...) 的 slider 随 React 动态变化。在 Chrome 中，它工作正常，但在 Safari 中，转换的起点似乎在某个变量值上发生了变化。在检查器中似乎没有错误，所有前缀都存在。

你有什么想法吗？如果需要，我可以发送一些屏幕截图或代码块

更新

https://gist.github.com/korgara/92f629d49ba7afd76f2b771cd6b6c8dc

更新这是截图 http://i89.fastpic.ru/big/2017/0511/0c/0290ec27bb1326f0dedda9a1a280260c.png

Answer 1

Use webkit for Safari

.class{
  /* bring your own prefixes */
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

请引用下面了解哪个浏览器支持什么以及必须添加什么前缀。 http://caniuse.com/#feat=transforms2d