shineout/css/Spin/styles/ring.css

Shein 前端组件库

.so-spin-ring {
  margin: auto;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
  -webkit-animation: so-spin-ring-spin 1s infinite linear;
          animation: so-spin-ring-spin 1s infinite linear;
  border-radius: 50%;
}
@-webkit-keyframes so-spin-ring-spin {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(359deg);
            transform: rotateZ(359deg);
  }
}
@keyframes so-spin-ring-spin {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(359deg);
            transform: rotateZ(359deg);
  }
}