Javascript 如何在页面刷新时使文本在div内旋转而不使用jQuery？

我有一个部门：

  <div>This text rotates upon page refresh</div>

---

如何在jquery中指定要旋转的是文本，而不是div。我正在尝试在不使用标记的情况下实现这一点

您需要一点javascript，但这里有一个小问题：

js代码：

(function() {
  document.getElementById('info').className += 'rotate';
})();

css:

---

使用CSS3动画？是。使用CSS3动画。标记是信息/对象的容器，为了对它们做些什么，它们是Javascript的参考点。检查是否需要jQuery解决方案。

(function() {
  document.getElementById('info').className += 'rotate';
})();

div
{
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;

  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;

  overflow:hidden;
  padding: 50px;
}
.rotate
{
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}