2d效果

旋转 单位是 度 deg
位移 单位是 像素 px

    <div style="transform: rotateZ(-30deg)">旋转</div>

    <div style="transform: translateX(150px)">位移</div>

缩放 正常比例是 1 大于1 为放大 小于1 为缩小 没有单位

   <div style="transform: scale(1.5,1.5)">缩放</div>

倾斜 单位是 度

    <div style="transform: skewX(45deg)">倾斜X</div>
    <div style="transform: skewY(45deg)">倾斜Y</div>
    <div style="transform: skew(30deg,30deg)">倾斜</div>

文字反倾斜的方式

   <div style="transform: skewX(45deg)">
        <p style="transform: skewX(-45deg)">倾斜</p>
    </div>