static/css/solgs/spinner.css

   1 /* source: cfoucht . com/loadlab/
   2  * slightly solgs flavored...
   3  */
   4
   5 .multi-spinner-container {
   6   width: 80px;
   7   height: 80px;
   8   position: relative;
   9   margin: 5px auto;
  10   overflow: hidden;
  11   display: none;
  12 }
  13
  14 .multi-spinner {
  15   position: absolute;
  16   width: calc(100% - 9.9px);
  17   height: calc(100% - 9.9px);
  18   border: 2px solid transparent;
  19   border-top-color: steelblue;
  20   border-radius: 50%;
  21   -webkit-animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
  22   animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
  23 }
  24
  25
  26 @-webkit-keyframes spin {
  27     from {
  28         -webkit-transform: rotate(0deg);
  29          transform: rotate(0deg);
  30     }
  31     to {
  32         -webkit-transform: rotate(360deg);
  33         transform: rotate(360deg);
  34     }
  35 }
  36
  37
  38 @keyframes spin {
  39     from {
  40         -webkit-transform: rotate(0deg);
  41         transform: rotate(0deg);
  42     }
  43     to {
  44         -webkit-transform: rotate(360deg);
  45         transform: rotate(360deg);
  46     }
  47 }