css中图片有缩放和转动效果

    <div class="xuanzhuan">
        <img src="images/top.png" alt="">
    </div>

       .xuanzhuan {
            position: fixed;
            top: 20%;
            right: 10%;
            animation: haha 1s ease-in-out 0s infinite;
        }

        @keyframes haha {
            0% {
                transform: scale(1);
                /*开始为原始大小*/
            }

            25% {
                transform: scale(1.1);
                /*放大1.1倍*/
            }

            50%,
            70%,
            90% {
                transform: scale(1.1) rotate(3deg);
            }

            60%,
            80% {
                transform: scale(1.1) rotate(-3deg);
            }
        }