apps/workbench/app/assets/stylesheets/loading.css

   1 .loading {
   2     opacity: 0;
   3 }
   4
   5 .rotating {
   6     animation-name: rotateThis;
   7     animation-duration: 2s;
   8     animation-iteration-count: infinite;
   9     animation-timing-function: linear;
  10     -moz-animation-name: rotateThis;
  11     -moz-animation-duration: 2s;
  12     -moz-animation-iteration-count: infinite;
  13     -moz-animation-timing-function: linear;
  14     -ms-animation-name: rotateThis;
  15     -ms-animation-duration: 2s;
  16     -ms-animation-iteration-count: infinite;
  17     -ms-animation-timing-function: linear;
  18     /* Chrome, at least in Linux, renders a horrible shaky mess -- better
  19        not to bother.
  20
  21       -webkit-animation-name: rotateThis;
  22       -webkit-animation-duration: 2s;
  23       -webkit-animation-iteration-count: infinite;
  24       -webkit-animation-timing-function: linear;
  25       */
  26 }
  27
  28 @keyframes rotateThis {
  29   from { transform: rotate( 0deg );   }
  30   to   { transform: rotate( 360deg ); }
  31 }
  32
  33 @-webkit-keyframes rotateThis {
  34   from { -webkit-transform: rotate( 0deg );   }
  35   to   { -webkit-transform: rotate( 360deg ); }
  36 }
  37
  38 @-moz-keyframes rotateThis {
  39   from { -moz-transform: rotate( 0deg );   }
  40   to   { -moz-transform: rotate( 360deg ); }
  41 }
  42
  43 @-ms-keyframes rotateThis {
  44   from { -ms-transform: rotate( 0deg );   }
  45   to   { -ms-transform: rotate( 360deg ); }
  46 }