旋转样式名:transform: rotate
旋转取值:顺时针为正值,逆时针为负值(顺正逆负)
角度单位:deg
示例:
顺时针旋转 360度∨
transform: rotate(360deg);
逆顺时针旋转 360度∨
transform: rotate(-360deg);
旋转原点:默认为盒子中心点
用法:transform-origin: 原点水平位置 原点垂直位置;
1.方位名词取值(常用)
left, top, right, bottom, center
示例:
右下∨
transform-origin: right bottom;
中上∨
transform-origin: center top;
2.具体的像素单位,从盒子左上角起(正负均可)
示例:
x轴水平向右(正方向)100像素,y轴垂直向下(正方向)100像素∨
transform-origin: 100px 100px;
3.百分比,从盒子左上角起 (参照于盒子自身尺寸,正负均可)
示例:
x轴水平向右(正方向)移动盒子宽度的30%,y轴垂直向下(正方向)移动盒子高度的30%∨
transform-origin: 30% 30%;