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}
61