js div旋转动画 代码示例

JavaScript中可以通过CSS的transform属性来实现div元素的旋转动画。transform属性可以用来对元素进行旋转、缩放、倾斜和平移等变换操作。其中，旋转操作可以通过rotate()函数来实现。

示例代码如下所示，首先创建一个div元素，并设置其id为"myDiv"，然后通过JavaScript代码获取该div元素，并使用style属性设置其样式。在样式中，通过transform属性的rotate()函数来实现旋转动画。

<div id="myDiv">Hello, World!</div>
<script>
  // 获取div元素
  var divElement = document.getElementById("myDiv");
  // 设置div元素的样式
  divElement.style.transform = "rotate(45deg)";
</script>

上述示例代码中，通过JavaScript代码获取id为"myDiv"的div元素，并将其赋值给变量divElement。然后，通过divElement的style属性，设置其transform属性为"rotate(45deg)"，即将div元素以顺时针方向旋转45度。

通过运行上述代码，可以看到div元素会被旋转45度。可以根据需要调整旋转角度来实现不同的旋转效果。