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
