css transform - 书闪Bookchips

24 - 通用属性 - transform: rotate(18deg); - 旋转

作者：

贺及楼

成为作者

更新日期：2024-05-16 13:01:08

旋转

.img_one {
    transform: rotate(18deg);  //角度，可以通过右键-检查调整
    transform-origin: 50% 50%;  // 旋转中心点：中心点（默认）
    transform-origin: 0% 0%;  // 旋转中心点：起始点，左上角
    transform-origin: 50% 100%;  // 旋转中心点：时钟6点为起始点
    transform-origin: 0% 50%;  // 旋转中心点：时钟9点为起始点
    transform-origin: 50% 0%;  // 旋转中心点：时钟12点为起始点
    transform-origin: 100% 50%;  // 旋转中心点：时钟3点为起始点
}

可以超过100%，例如300%