转圈

    <style>
    @keyframes rotate1 {
        0% {
            transform: rotate(0deg)
        }
        100% {
            transform: rotate(360deg)
        }
    }
    
    .test1 {
        width: 50px;
        height: 50px;
        border-width: 5px;
        border-radius: 50%;
        border-style: solid;
        border-color: lightblue lightblue lightblue transparent;
        animation: rotate1 1s infinite linear;
    }
    </style>
    
    <div class="test1"></div>