2D变形：旋转

2) transform: rotate(ndeg) 旋转

• 语法

• transform：rotate(deg);沿着中心点旋转，默认值

• transform: rotateX(deg);沿着X轴旋转

• transform: rotateY(deg);沿着Y轴旋转

单位：deg ​ 当角度值为正数时，元素沿着顺时针方向旋转 ​ 当角度值为负数时，元素沿着逆时针方向旋转

   .box1 {
        background-color: red;
        transform: rotate(45deg);
        }
    .box2 {
        background-color: blue;
        transform: rotate(-45deg);
    }
    .box3:hover {
            transform: rotateX(60deg);
        }
    .box4:hover {
            transform: rotateY(60deg);
        }