html,

body {

    width: 100%;

    height: 100%;

    display: flex;

}

​

div {

    width: 200px;

    height: 200px;

    margin: auto;

    box-shadow: 0 0 5px #ddd;

    border-radius: 50%;

    background-image: radial-gradient(#000 12.5px, transparent 12.5px),

        radial-gradient(#fff 12.5px, transparent 12.5px),

        radial-gradient(#fff 50px, transparent 50px),

        radial-gradient(#000 50px, transparent 50px),

        linear-gradient(90deg, #000 100px, #fff 100px);

    background-position: center 50px, center -50px, center 50px, center -50px, 0 0;

    animation: rotate 10s infinite linear;

}

​

@keyframes rotate {

    100% {

        transform: rotate(360deg);

    }

}

​