哇哈哈，巨大家优良呀！今天我们要来聊聊一个非常神奇的事情，那就是怎么让我们的网页上的div元素转起来就像魔法一样！是不是hen酷？那就赶迅速跟我一起来kan一kan吧！

一、啥是div旋转？

哦，先说说我们要晓得啥是div旋转。div旋转就是让网页上的div元素像陀螺一样转起来这玩意儿旋转是通过一些神秘的代码来实现的哦！

二、怎么让div旋转180度？

想要让div旋转180度，我们就要用到一些特别的魔法咒语，也就是CSS代码。你kan，就像这样：

    
我是旋转180度后的div

是不是hen轻巧松？就是用了一个div标签， 里面放了一个p标签，然后给div加了一个style属性，里面写着transform: rotate;，这就是我们的魔法咒语，Neng让div转起来哦！

三、div旋转90度怎么写？

想要让div旋转90度，我们只需要把魔法咒语里的数字180换成90就Neng了：

是不是超级轻巧松？就像变魔术一样！

四、 div旋转动画效果

Ru果你想让div旋转得geng加酷炫，还Neng加上动画效果哦！就像这样：

这里我们用了position属性来定位div，让它出眼下屏幕的中心。然后通过设置transform和rotate属性，让它旋转45度。是不是hen酷？

五、 transform-origin属性

Ru果你想让div旋转的时候，旋转的中心点不是div的中心，而是其他地方，那么你Neng用transform-origin属性。就像这样：

这里的50% 50% 就是指定旋转的中心点在div的中心哦！

六、 div旋转180度

我们之前Yi经说过要让div旋转180度，只需要把魔法咒语里的数字180写上去：

是不是hen轻巧松？这就是让div旋转180度的全部暗地啦！

哇哈哈，今天我们学到了hen许多关于div旋转的魔法咒语，是不是hen神奇？通过这些个咒语，我们Neng让我们的网页变得geng加酷炫，吸引geng许多的朋友来参观哦！赶迅速动手试试吧，想起来告诉我你的作品哦！