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 .animate-spin-slow {
  12   -moz-animation: spin 4s infinite linear;
  13   -o-animation: spin 4s infinite linear;
  14   -webkit-animation: spin 4s infinite linear;
  15   animation: spin 4s infinite linear;
  16   display: inline-block;
  17 }
  18 @-moz-keyframes spin {
  19   0% {
  20     -moz-transform: rotate(0deg);
  21     -o-transform: rotate(0deg);
  22     -webkit-transform: rotate(0deg);
  23     transform: rotate(0deg);
  24   }
  25
  26   100% {
  27     -moz-transform: rotate(359deg);
  28     -o-transform: rotate(359deg);
  29     -webkit-transform: rotate(359deg);
  30     transform: rotate(359deg);
  31   }
  32 }
  33 @-webkit-keyframes spin {
  34   0% {
  35     -moz-transform: rotate(0deg);
  36     -o-transform: rotate(0deg);
  37     -webkit-transform: rotate(0deg);
  38     transform: rotate(0deg);
  39   }
  40
  41   100% {
  42     -moz-transform: rotate(359deg);
  43     -o-transform: rotate(359deg);
  44     -webkit-transform: rotate(359deg);
  45     transform: rotate(359deg);
  46   }
  47 }
  48 @-o-keyframes spin {
  49   0% {
  50     -moz-transform: rotate(0deg);
  51     -o-transform: rotate(0deg);
  52     -webkit-transform: rotate(0deg);
  53     transform: rotate(0deg);
  54   }
  55
  56   100% {
  57     -moz-transform: rotate(359deg);
  58     -o-transform: rotate(359deg);
  59     -webkit-transform: rotate(359deg);
  60     transform: rotate(359deg);
  61   }
  62 }
  63 @-ms-keyframes spin {
  64   0% {
  65     -moz-transform: rotate(0deg);
  66     -o-transform: rotate(0deg);
  67     -webkit-transform: rotate(0deg);
  68     transform: rotate(0deg);
  69   }
  70
  71   100% {
  72     -moz-transform: rotate(359deg);
  73     -o-transform: rotate(359deg);
  74     -webkit-transform: rotate(359deg);
  75     transform: rotate(359deg);
  76   }
  77 }
  78 @keyframes spin {
  79   0% {
  80     -moz-transform: rotate(0deg);
  81     -o-transform: rotate(0deg);
  82     -webkit-transform: rotate(0deg);
  83     transform: rotate(0deg);
  84   }
  85
  86   100% {
  87     -moz-transform: rotate(359deg);
  88     -o-transform: rotate(359deg);
  89     -webkit-transform: rotate(359deg);
  90     transform: rotate(359deg);
  91   }
  92 }