本文介绍了CSS3中的rotate()方法，用于实现元素的顺时针或逆时针旋转，并通过一个具体的hover效果案例进行说明。同时提到了skew()方法，该方法用于对元素进行水平线(X轴)和垂直线(Y轴)的翻转。文章通过实例代码展示了如何应用这两个变换方法。
首先我们要知道rotate（）这个方法是什么意思，官方给出来的是：
通过rotate（）方法，元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。简单的来说就是比如：rotate（-30deg）就逆时针旋转30deg，rotate（30deg）就顺时针旋转30deg。
接下来就简单讲一个小案例，先看成品图：
为了操作者更有操作感，我特意用了伪类：hover来写，所以这成品图需要把鼠标移进去才能旋转.还有这个：hover就是它的定义是伪类在鼠标移到元素上时向此元素添加特殊的样式。
看一下代码：
我主要对它设置了在鼠标进入正方形里2秒钟内旋转360deg。
Skew&#x
最低0.47元/天 解锁文章
扫一扫
1456
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
