Index: ui/webui/resources/images/throbber_small.svg |
diff --git a/ui/webui/resources/images/throbber_small.svg b/ui/webui/resources/images/throbber_small.svg |
index 0df51288603a1c092b6acfbf844187f6b80f0d4a..54170aa8d3c3058df2e28468e7911173d6c4631b 100644 |
--- a/ui/webui/resources/images/throbber_small.svg |
+++ b/ui/webui/resources/images/throbber_small.svg |
@@ -42,19 +42,19 @@ |
} |
/* Rotating the whole thing */ |
- @-webkit-keyframes rotate { |
+ @keyframes rotate { |
from {transform: rotate(0deg);} |
to {transform: rotate(360deg);} |
} |
.qp-circular-loader { |
- -webkit-animation-name: rotate; |
- -webkit-animation-duration: 1568.63ms; /* 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ |
- -webkit-animation-iteration-count: infinite; |
- -webkit-animation-timing-function: linear; |
+ animation-duration: 1568.63ms; /* 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ |
+ animation-iteration-count: infinite; |
+ animation-name: rotate; |
+ animation-timing-function: linear; |
} |
/* Filling and unfilling the arc */ |
- @-webkit-keyframes fillunfill { |
+ @keyframes fillunfill { |
from { |
stroke-dashoffset: 32.3 /* 2*RADIUS*PI * ARCSIZE/360 - 0.1 */ |
/* 0.1 a bit of a magic constant here */ |
@@ -67,7 +67,7 @@ |
/* 0.5 a bit of a magic constant here */ |
} |
} |
- @-webkit-keyframes rot { |
+ @keyframes rot { |
from { |
transform: rotate(0deg); |
} |
@@ -75,7 +75,7 @@ |
transform: rotate(-360deg); |
} |
} |
- @-webkit-keyframes colors { |
+ @keyframes colors { |
from { |
stroke: #4285f4; |
} |
@@ -84,12 +84,12 @@ |
} |
} |
.qp-circular-loader-path { |
- -webkit-animation-name: fillunfill, rot, colors; |
- -webkit-animation-duration: 1333ms, 5332ms, 5332ms; /* ARCTIME, 4*ARCTIME, 4*ARCTIME */ |
- -webkit-animation-iteration-count: infinite, infinite, infinite; |
- -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1), steps(4), linear; |
- -webkit-animation-play-state: running, running, running; |
- -webkit-animation-fill-mode: forwards; |
+ animation-duration: 1333ms, 5332ms, 5332ms; /* ARCTIME, 4*ARCTIME, 4*ARCTIME */ |
+ animation-fill-mode: forwards; |
+ animation-iteration-count: infinite, infinite, infinite; |
+ animation-name: fillunfill, rot, colors; |
+ animation-play-state: running, running, running; |
+ animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1), steps(4), linear; |
} |
</style> |