如何使用JavaScript调用CSS3过渡？

Question

当我点击一个按钮时，我想要一个div旋转，就像我使用CSS3 transition: rotate(350deg);一样。我如何用CSS或JS做到这一点？ （如果可以用CSS完成，我会改为相反）

Answer 1

在按钮的onclick事件中，输入：

document.getElementById("yourDivId").className += " rotate";

在CSS中：

#yourDivId {
  transition: transform 1s;
}

.rotate {
  transform: rotate(360deg);
}

您必须将浏览器的特定前缀（-moz-， - webkit-）添加到转换和转换中，但这应该适合您。