:root{--rotate-index:1;--circle-rotate:11deg}.container{width:100vw;height:550px;position:relative;overflow:hidden;margin-top:100px;padding-top:20px}.circle{position:absolute;width:calc(3084px + 1000px);height:calc(3084px + 1000px);border-radius:100%;left:50%;transform:translateX(-50%) rotate(calc(var(--circle-rotate) * calc(var(--rotate-index) - 1)))}.animation{animation:rotate_animate 3s linear 1s forwards}@keyframes rotate_animate{0%{transform:translateX(-50%) rotate(calc(var(--circle-rotate) * calc(var(--rotate-index) - 1)))}to{transform:translateX(-50%) rotate(calc(var(--circle-rotate) * var(--rotate-index)))}}.item{position:absolute;height:100%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--index) * var(--circle-rotate)));font-size:30px;color:#fff;text-align:center}