css中如何旋转 |css样式如何调整字体

css样式body，css 设置下边距，css提示无效属性值，css3 卡片 动画，css向左移动几厘米，css样式 设置页面属性值，css样式如何调整字体

基本语法：

transform: rotate(角度值);

其中，rotate()函数中的角度值可以是通过数值形式直接表示的角度，也可以是代表某种角度的关键字，如“90deg”代表顺时针旋转90度。

除此之外，还可以通过rotateX()、rotateY()、rotateZ()等函数来实现不同维度的旋转效果。如

transform: rotateX(45deg);

代表绕着水平轴旋转45度。

另外，CSS中还支持旋转的变形原点（transform-origin），可用于指定旋转的轴心，从而更精准地调节旋转效果。如

transform-origin: 50% 50%;

代表以元素的中心点为旋转中心。

最后，旋转效果也可通过关键帧动画（@keyframes）来实现动画效果，如

@keyframes rotate {
0% { transform: rotate(0deg); }
50% { transform: rotate(180deg); }
100% { transform: rotate(360deg); }
}

代表从0度到360度旋转一周的动画效果。