git.squeep.com Git - akkoma/blob - priv/static/static/font/css/animation.css

   1 /*
   2    Animation example, for spinners
   3 */
   4 .animate-spin {
   5   -moz-animation: spin 2s infinite linear;
   6   -o-animation: spin 2s infinite linear;
   7   -webkit-animation: spin 2s infinite linear;
   8   animation: spin 2s infinite linear;
   9   display: inline-block;
  10 }
  11 @-moz-keyframes spin {
  12   0% {
  13     -moz-transform: rotate(0deg);
  14     -o-transform: rotate(0deg);
  15     -webkit-transform: rotate(0deg);
  16     transform: rotate(0deg);
  17   }
  18
  19   100% {
  20     -moz-transform: rotate(359deg);
  21     -o-transform: rotate(359deg);
  22     -webkit-transform: rotate(359deg);
  23     transform: rotate(359deg);
  24   }
  25 }
  26 @-webkit-keyframes spin {
  27   0% {
  28     -moz-transform: rotate(0deg);
  29     -o-transform: rotate(0deg);
  30     -webkit-transform: rotate(0deg);
  31     transform: rotate(0deg);
  32   }
  33
  34   100% {
  35     -moz-transform: rotate(359deg);
  36     -o-transform: rotate(359deg);
  37     -webkit-transform: rotate(359deg);
  38     transform: rotate(359deg);
  39   }
  40 }
  41 @-o-keyframes spin {
  42   0% {
  43     -moz-transform: rotate(0deg);
  44     -o-transform: rotate(0deg);
  45     -webkit-transform: rotate(0deg);
  46     transform: rotate(0deg);
  47   }
  48
  49   100% {
  50     -moz-transform: rotate(359deg);
  51     -o-transform: rotate(359deg);
  52     -webkit-transform: rotate(359deg);
  53     transform: rotate(359deg);
  54   }
  55 }
  56 @-ms-keyframes spin {
  57   0% {
  58     -moz-transform: rotate(0deg);
  59     -o-transform: rotate(0deg);
  60     -webkit-transform: rotate(0deg);
  61     transform: rotate(0deg);
  62   }
  63
  64   100% {
  65     -moz-transform: rotate(359deg);
  66     -o-transform: rotate(359deg);
  67     -webkit-transform: rotate(359deg);
  68     transform: rotate(359deg);
  69   }
  70 }
  71 @keyframes spin {
  72   0% {
  73     -moz-transform: rotate(0deg);
  74     -o-transform: rotate(0deg);
  75     -webkit-transform: rotate(0deg);
  76     transform: rotate(0deg);
  77   }
  78
  79   100% {
  80     -moz-transform: rotate(359deg);
  81     -o-transform: rotate(359deg);
  82     -webkit-transform: rotate(359deg);
  83     transform: rotate(359deg);
  84   }
  85 }