[分享]css3控制旋转方向的属性

CSS3中提供了控制旋转方向的属性，可以实现非常酷炫的效果。

 .rotate {
        transform: rotate(90deg);
        /*控制旋转度数*/
        transform-origin: center;
        /*控制旋转中心*/
        transition: transform 1s;
        /*控制旋转速度*/
    } 

以上代码中，transform属性是关键，它可以控制元素的旋转，其中rotate()函数指定了旋转的度数，90deg则表示将元素顺时针旋转90度。同时，我们也可以使用负值实现逆时针旋转。

transform-origin属性用来指定元素的旋转中心，可以使用left、right、top、bottom、center等关键字，也可以使用具体的像素值。默认情况下，元素的旋转中心为元素的中心点。

使用transition属性可以实现旋转渐变的效果，可以指定旋转的速度，单位为秒(s)。

总的来说，掌握CSS3中控制旋转方向的属性可以让我们实现更加生动、有趣的网页设计效果。