transform：translateY在Safari中不起作用

Question

translateY在Safari浏览器中不起作用，但在所有其他浏览器中都可以正常使用。我玩过白色间距，甚至尝试了-webkit-transform：-webkit-translateY（-420px），没有运气。我错过了一步吗？我以前从未遇到过这个问题。

.animate-up {
  -webkit-transorm:translateY(-420px);
  -moz-transorm:translateY(-420px);
  -ms-transorm:translateY(-420px);
  -o-transorm:translateY(-420px);
  transform:translateY(-420px)
}

http://codepen.io/jessekevon/pen/myjzjb?editors=010

Answer 1

您在转换

中忘记了 f

.animate-up {
  -webkit-transform:translateY(-420px);
  -moz-transform:translateY(-420px);
  -ms-transform:translateY(-420px);
  -o-transform:translateY(-420px);
  transform:translateY(-420px);
}

它适用于其他浏览器，因为

transform:translateY(-420px)

拼写正确。