Javascript函数 - 旋转网页

Question

我正在尝试使用以下代码来旋转网站，但我在javascript中有点像初学者而且有点卡住...

 func roatation {   
    body {
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
  }
}

我知道body的代码是html吗？但是，如何解决这个问题呢？

由于

Answer 1

你可以这样做：

<强> CSS

body.rotate {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
}

<强> JS

function rotate() {
    document.body.className = "rotate"; // apply .rotate class
}
rotate();

通过将旋转定义移动到类，您可以通过设置body的类属性来应用和删除旋转。