转换：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

您在 transform

中忘记了 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)

拼写正确。

转换：translateY 在 Safari 中不起作用

transform: translateY Not Working in Safari

html

css

safari

transform