Browse Source

Adds chrome prefixes for pulsar

pull/1243/head
jlukic 10 years ago
parent
commit
bf0796b693
1 changed files with 49 additions and 7 deletions
  1. 56
      src/themes/pulsar/elements/loader.overrides

56
src/themes/pulsar/elements/loader.overrides

@ -2,27 +2,69 @@
Theme Overrides Theme Overrides
*******************************/ *******************************/
@keyframes loader {
.ui.loader:after {
-webkit-animation: loader-pulsar 2s infinite linear;
animation: loader-pulsar 2s infinite linear;
}
@-webkit-keyframes loader-pulsar {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0;
}
20% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
40% {
-webkit-transform: rotate(740deg);
transform: rotate(740deg);
opacity: 1;
}
60% {
-webkit-transform: rotate(1120deg);
transform: rotate(1120deg);
opacity: 1;
}
80% {
-webkit-transform: rotate(1440deg);
transform: rotate(1440deg);
}
100% {
-webkit-transform: rotate(1800deg);
transform: rotate(1800deg);
opacity: 0;
}
}
@keyframes loader-pulsar {
0% { 0% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 0; opacity: 0;
} }
20% { 20% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} }
40% { 40% {
transform: rotate(740deg);
-webkit-transform: rotate(740deg);
transform: rotate(740deg);
opacity: 1; opacity: 1;
} }
60% { 60% {
transform: rotate(1120deg);
-webkit-transform: rotate(1120deg);
transform: rotate(1120deg);
opacity: 1; opacity: 1;
} }
80% { 80% {
transform: rotate(1440deg);
-webkit-transform: rotate(1440deg);
transform: rotate(1440deg);
} }
100% { 100% {
transform: rotate(1800deg);
-webkit-transform: rotate(1800deg);
transform: rotate(1800deg);
opacity: 0; opacity: 0;
} }
} }
Loading…
Cancel
Save