src/ui/webui/resources/css/spinner.css

   1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
   2  * Use of this source code is governed by a BSD-style license that can be
   3  * found in the LICENSE file. */
   4
   5 .inline-spinner,
   6 .spinner {
   7   -webkit-animation: spinner-animation 1s step-end infinite;
   8   background-image: url('chrome://resources/images/spinner.svg');
   9   background-size: 100%;
  10 }
  11
  12 .inline-spinner {
  13   display: inline-block;
  14   height: 16px;
  15   width: 16px;
  16 }
  17
  18 .spinner {
  19   height: 22px;
  20   width: 22px;
  21 }
  22
  23 @-webkit-keyframes spinner-animation {
  24   0% {
  25     -webkit-transform: rotate(0deg);
  26   }
  27   8.33% {
  28     -webkit-transform: rotate(30deg);
  29   }
  30   16.67%  {
  31     -webkit-transform: rotate(60deg);
  32   }
  33   25%  {
  34     -webkit-transform: rotate(90deg);
  35   }
  36   33.33%  {
  37     -webkit-transform: rotate(120deg);
  38   }
  39   41.67%  {
  40     -webkit-transform: rotate(150deg);
  41   }
  42   50%  {
  43     -webkit-transform: rotate(180deg);
  44   }
  45   58.33%  {
  46     -webkit-transform: rotate(210deg);
  47   }
  48   66.67%  {
  49     -webkit-transform: rotate(240deg);
  50   }
  51   75%  {
  52     -webkit-transform: rotate(270deg);
  53   }
  54   83.33%  {
  55     -webkit-transform: rotate(300deg);
  56   }
  57   91.67%  {
  58     -webkit-transform: rotate(330deg);
  59   }
  60 }