| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 .inline-spinner, | 5 .inline-spinner, |
| 6 .spinner { | 6 .spinner { |
| 7 -webkit-animation: spinner-animation 1s step-end infinite; | 7 background-image: url(chrome://resources/images/throbber.svg); |
| 8 background-image: url(chrome://resources/images/spinner.svg); | |
| 9 background-size: 100%; | 8 background-size: 100%; |
| 10 } | 9 } |
| 11 | 10 |
| 12 .inline-spinner { | 11 .inline-spinner { |
| 13 display: inline-block; | 12 display: inline-block; |
| 14 height: 16px; | 13 height: 16px; |
| 15 width: 16px; | 14 width: 16px; |
| 16 } | 15 } |
| 17 | 16 |
| 18 .spinner { | 17 .spinner { |
| 19 height: 22px; | 18 height: 22px; |
| 20 width: 22px; | 19 width: 22px; |
| 21 } | 20 } |
| 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 } | |
| OLD | NEW |