[分享]css3怎么让div旋转

CSS3是一个强大的样式表语言，它不仅可以控制网页的布局和样式，还可以实现各种酷炫的效果，比如让一个div旋转。下面我们来学习一下如何使用CSS3实现这个效果。//CSS代码 .rotate { tr...

CSS3是一个强大的样式表语言，它不仅可以控制网页的布局和样式，还可以实现各种酷炫的效果，比如让一个div旋转。下面我们来学习一下如何使用CSS3实现这个效果。

//CSS代码
.rotate {
  transform: rotate(45deg); //旋转45度
} 

上面的代码就是实现div旋转的关键。其中，transform是CSS3中用于操作元素的属性，rotate是其中的一种操作，表示旋转。括号中的参数是旋转的角度，这里我们设定为45度。

接下来，我们需要应用这个代码到一个div上，我们可以在HTML中添加一个class为rotate的div，就可以实现旋转了。

//HTML代码
<div class="rotate">
  <p>这是旋转的div</p>
</div> 

这样，我们就可以看到一个旋转了45度的div了。当然，你可以根据自己的需要调整旋转的角度，也可以加上其它属性实现更多酷炫的效果。