SOURCE

console 命令行工具 X clear

                    
>
console
<div class="fan-wrapper">
    <div class="fan"></div>
</div>
@keyframes rotateAnimate{
    from{
        transform: rotate(0deg) skew(-30deg);
    }
    to {
        transform:rotate(360deg) skew(-30deg);
    }
}

.fan-wrapper{
    overflow: hidden;
    position: relative;
    margin:100px;
    width:200px;
    height:200px;
    border-radius:50%;
    background: red;
}

.fan{
    position: absolute;
    right:0;
    animation: rotateAnimate 2s linear infinite;
    transform-origin: 0% 100%;
    width:100px;
    height:100px;
    background: blue;
}