描述：

transform的使用，包括：旋转（rotate）、缩放（scale）、拉伸（skew）

效果展示：

原始：

2022年8月29日——transform的使用_缩放

使用后的效果：
旋转

2022年8月29日——transform的使用_transform_02

缩放

2022年8月29日——transform的使用_transform_03

拉伸

2022年8月29日——transform的使用_transform_04

代码演示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>transform：1</title>
    <style>
        div,p,span{
            width: 200px;
            height: 200px;
        }
        div{
            
            background-color: blue;
            transform: rotate(360deg);
            margin: 0 auto;
        }
        div:hover{
            background-color: orange;
            /* 旋转 */
            transform: rotate(-45deg);
        }
        p{
            background-color: green;
            margin: 0 auto;
        }
        p:hover{
            /* 缩放 */
            transform: scale(0.5);
        }
        span{
            display: block;
            background-color: pink;
        }
        span:hover{
            /* transform: skew(0,30deg) */
            transform: skew(0deg,60deg);
        }
    </style>
</head>
<body>
    <h1>transform：1</h1>
    <div>div盒子</div>
    <p>
        p段落
    </p>
    <span>span</span>
</body>
</html>