Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(408)

Unified Diff: ui/webui/resources/images/throbber_medium.svg

Issue 2692803003: Remove webkit prefixes for CSS Animation in ui/ styles (Closed)
Patch Set: rebase Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: ui/webui/resources/images/throbber_medium.svg
diff --git a/ui/webui/resources/images/throbber_medium.svg b/ui/webui/resources/images/throbber_medium.svg
index 17b57e4cbcf68704a753299bfbb2c93c0c20dcc8..790ed9fa92ecd408df10da11065a39953cd0194a 100644
--- a/ui/webui/resources/images/throbber_medium.svg
+++ b/ui/webui/resources/images/throbber_medium.svg
@@ -41,19 +41,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: 58.8 /* 2*RADIUS*PI * ARCSIZE/360 - 0.1 */
/* 0.1 a bit of a magic constant here */
@@ -66,7 +66,7 @@
/* 0.5 a bit of a magic constant here */
}
}
- @-webkit-keyframes rot {
+ @keyframes rot {
from {
transform: rotate(0deg);
}
@@ -74,7 +74,7 @@
transform: rotate(-360deg);
}
}
- @-webkit-keyframes colors {
+ @keyframes colors {
from {
stroke: #4285f4;
}
@@ -83,12 +83,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>

Powered by Google App Engine
This is Rietveld 408576698