暂时使用JS和CSS翻转网站

Question

作为12月28日的笑话，我想用这段代码暂时颠倒我的网页：

body {
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}

我希望将此代码javascript用于时间：

window.setTimeout(function(){ },3000);

我如何调整css代码？

Answer 1

您可以使用类，将类添加到主体以执行转换，然后在

之后将其删除

body.transform {
  transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
}

document.body.className = 'transform';
setTimeout(function(){ document.body.className = ''; },3000);