旋转变形-JZTXT

旋转变形

将transform属性的值设置为rotate(),即可实现旋转变形

transform:rotate(45deg)

若角度为正，则顺时针，否则为逆时针。

<style>
        .pic1{
            transform: rotate(30deg);
        }
        .pic2{
            transform: rotate(60deg);
        }

        .pic3{
            transform: rotate(85deg);
        }
    </style>
</head>
<body>
    <p>
        <img src="300.jpg" alt="" class="pic1">
    </p>
    <p>
        <img src="300.jpg" alt="" class="pic2">
    </p>
    <p>
        <img src="300.jpg" alt="" class="pic3">
    </p>
</body>

照片旋转