css rotation CSS3 rotation 属性

css rotation

CSS rotation 是一种 CSS 属性，可以让元素旋转到指定的角度。它可以用来创建动画效果，也可以用来改变元素的外观。

CSS rotation 可以使用 transform 属性来实现，transform 属性是一个复合属性，可以使用 rotate() 方法来旋转元素。rotate() 方法需要一个参数，即要旋转的度数。例如：

transform: rotate(45deg);

这将会使元素旋转 45 度。你也可以使用负值来旋转元素，例如：

transform: rotate(-45deg);

这将会使元素逆时针旋转 45 度。你也可以使用 transform-origin 属性来改变旋转中心的位置，例如：

transform-origin: 50% 50%;

这将会将旋转中心改为元素的中心位置。此外，你还可以使用 transition 属性来创建动画效果，例如：

.element { 
    transition: transform 1s; 
}  

这将会在 1 秒内安顺序执行 transform 相关的属性动画。此外，你还可以使用 animation 属性来创建动画效果，例如：

.element { 
    animation: spin 5s linear infinite; 
}   

这将会在 5 秒内循环执行 spin 相关的动画效果。最后要注意的是 CSS rotation 时有浏览器前缀的情况存在的。因此在使用 CSS rotation 时要注意浏览器前缀问题。

CSS3 rotation 属性