.lds-circle { display: inline-block; transform: translateZ(1px); } .lds-circle>view { display: inline-block; width: 51px; height: 51px; margin: 6px; border-radius: 50%; background: #42b983; //可修改颜色 animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; } @keyframes lds-circle { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(1800deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 100% { transform: rotateY(3600deg); } }