旋转rotate（）和扭曲skew（）

         首先我们要知道rotate（）这个方法是什么意思，官方给出来的是：

         通过rotate（）方法，元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。简单的来说就是比如：rotate（-30deg）就逆时针旋转30deg，rotate（30deg）就顺时针旋转30deg。

        接下来就简单讲一个小案例，先看成品图：

为了操作者更有操作感，我特意用了伪类：hover来写，所以这成品图需要把鼠标移进去才能旋转.还有这个：hover就是它的定义是伪类在鼠标移到元素上时向此元素添加特殊的样式。

看一下代码：

我主要对它设置了在鼠标进入正方形里2秒钟内旋转360deg。

Skew&#x