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

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

Issue 2535493002: Reduce webkit CSS prefixes in ui/ styles (Closed)
Patch Set: sort Created 4 years, 1 month 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_small.svg
diff --git a/ui/webui/resources/images/throbber_small.svg b/ui/webui/resources/images/throbber_small.svg
index 6f31d493fd86a19479091961b8a3f9a148dcba6b..2751b856dd1419443bcfb8c2b44d06adbc3a4929 100644
--- a/ui/webui/resources/images/throbber_small.svg
+++ b/ui/webui/resources/images/throbber_small.svg
@@ -38,23 +38,23 @@
/* SVG elements seem to have a different default origin */
.qp-circular-loader, .qp-circular-loader * {
- -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
}
/* 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-name: rotate;
+ animation-duration: 1568.63ms; /* 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
+ animation-iteration-count: infinite;
+ 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-name: fillunfill, rot, colors;
+ animation-duration: 1333ms, 5332ms, 5332ms; /* ARCTIME, 4*ARCTIME, 4*ARCTIME */
+ animation-iteration-count: infinite, infinite, infinite;
+ animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1), steps(4), linear;
+ animation-play-state: running, running, running;
+ animation-fill-mode: forwards;
}
</style>

Powered by Google App Engine
This is Rietveld 408576698