角度控制旋转程度，正值顺时针、负值逆时针，单位常用deg；transform-origin设置旋转中心点，默认为元素中心，可设关键字、百分比或具体长度，如top left或20% 80%；两者结合实现灵活旋转效果。
在使用CSS的transform: rotate()时，角度和旋转中心点是两个关键属性。它们共同决定元素旋转后的视觉效果。
角度设置
rotate()函数中的角度值控制元素绕旋转中心点转动的程度。
- 正值表示顺时针旋转，例如rotate(45deg)表示顺时针转45度
- 负值表示逆时针旋转，如rotate(-30deg)
- 单位常用deg（度），也可用rad（弧度）、grad（梯度）或turn（圈数）
- 例如：rotate(0.25turn)等于rotate(90deg)
旋转中心点设置
默认情况下，元素围绕其中心点（50% 50%）旋转。可通过transform-origin属性更改该点。
- 支持关键字：如left top、center、right bottom
- 支持百分比：如transform-origin: 20% 80%，表示从左上角起20%宽、80%高处为旋转中心
- 支持具体长度：如transform-origin: 10px 30px
- 可单独设置一个值，另一个默认为center，例如transform-origin: left
实际应用示例
下面是一个常见用法：
西安网上购物网店系统
下载
西安网上购物网店系统的主要亮点：(1)商品的分类更加细化和明朗，可以三级分类，价格可以多层次\多级别，按照后台设置的，吸引会员加入。(2)会员和非会员购物并存，订单直接支付和会员帐户支付并存，电话支付与网上支付多种支付方式。(3)自定义商品扩展属性，多种扩展属性定义模式，强大的商品管理功能，多重分类功能(4)灵活的会员积分系统，灵活的会员权限控制，模版丰富多彩，模版代码分离，方便修改模版(5)支付
立即学习“前端免费学习笔记（深入）”；
.box {
transform: rotate(45deg);
transform-origin: top left;
}
这段代码让元素顺时针旋转45度，并以左上角为支点旋转，常用于菜单图标或提示动画。
基本上就这些。角度控制转多少，transform-origin决定绕哪转，两者配合能实现灵活的视觉效果。
