spinners-react/lib/index.css

Lightweight SVG/CSS spinners for React

@keyframes spinners-react-circular {
  0% { stroke-dashoffset: 306; }
  50% { stroke-dasharray: 40, 134; }
  100% {
    stroke-dasharray: 1, 174;
    stroke-dashoffset: 132;
  }
}

@keyframes spinners-react-circular-fixed {
  0% { stroke-dashoffset: 325; }
  100% { stroke-dashoffset: 151; }
}

@keyframes spinners-react-circular-split {
  0% {
    stroke-dashoffset: 1;
    stroke-dasharray: 5, 170;
  }
  10% {
    stroke-dashoffset: 13;
    stroke-dasharray: 30, 145;
  }
  13% {
    stroke-dashoffset: -11;
    stroke-dasharray: 5, 145;
  }
  50% {
    stroke-dasharray: 5, 0, 5, 165;
    stroke-dashoffset: -82;
  }
  51% {
    stroke-dasharray: 2, 0, 2, 139;
    stroke-dashoffset: -85;
  }
  61% {
    stroke-dasharray: 15, 0, 15, 165;
    stroke-dashoffset: -72;
  }
  64% {
    stroke-dasharray: 5, 20, 5, 145;
    stroke-dashoffset: -72;
  }
}

@keyframes spinners-react-infinity {
  0% {
    stroke-dasharray: 1, 347;
    stroke-dashoffset: 75;
  }
  25%, 75% {
    stroke-dasharray: 17, 330;
  }
  50% {
    stroke-dasharray: 1, 347;
  }
  100% {
    stroke-dasharray: 1, 347;
    stroke-dashoffset: 423;
  }
}

@keyframes spinners-react-dotted-center {
  0%, 15%, 85%, 100% { transform: scale(0); }
  40%, 50% { transform: scale(1); }
  84% { transform: scale(0.45); }
}
@keyframes spinners-react-dotted-shrink {
  50% {
    transform: translate(0, 0);
  }
}

@keyframes spinners-react-round {
  27%, 73% {
    r: 2px;
    stroke-width: 4;
  }
}

@keyframes spinners-react-round-outlined {
  35%, 65% {
    r: 2px;
    stroke-width: 4;
  }
}

@keyframes spinners-react-round-filled-outer {
  40%, 60% { transform: scale(0); }
}

@keyframes spinners-react-round-filled-center {
  30%, 70% { transform: scale(0); }
}

@keyframes spinners-react-round-filled-inner {
  20%, 80% { transform: scale(0); }
}

@keyframes spinners-react-diamond {
  25% { transform: translate(30px, -30px); }
  50% { transform: translate(60px, 0px); }
  75% { transform: translate(30px, 30px); }
}