【前端案例】transform 实现图像旋转

    <style>

        img {
            position: absolute;
            top: 10px;
            left: 100px;
            width: 300px;
            border: 1px solid #ccc;
            border-radius: 50%;
            cursor: pointer;
            transition: all linear 30s;
        }

        img:hover {
            left: 460px;
            transform: rotate(360deg);
        }

    </style>