From bf0796b693dcfe45b54f9177e344098efb65a87d Mon Sep 17 00:00:00 2001 From: jlukic Date: Wed, 5 Nov 2014 19:41:08 -0500 Subject: [PATCH] Adds chrome prefixes for pulsar --- src/themes/pulsar/elements/loader.overrides | 56 ++++++++++++++++++--- 1 file changed, 49 insertions(+), 7 deletions(-) diff --git a/src/themes/pulsar/elements/loader.overrides b/src/themes/pulsar/elements/loader.overrides index 812834233..5ddd40172 100644 --- a/src/themes/pulsar/elements/loader.overrides +++ b/src/themes/pulsar/elements/loader.overrides @@ -2,27 +2,69 @@ 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% { - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); opacity: 0; } 20% { - transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } 40% { - transform: rotate(740deg); + -webkit-transform: rotate(740deg); + transform: rotate(740deg); opacity: 1; } 60% { - transform: rotate(1120deg); + -webkit-transform: rotate(1120deg); + transform: rotate(1120deg); opacity: 1; } 80% { - transform: rotate(1440deg); + -webkit-transform: rotate(1440deg); + transform: rotate(1440deg); } 100% { - transform: rotate(1800deg); + -webkit-transform: rotate(1800deg); + transform: rotate(1800deg); opacity: 0; } } \ No newline at end of file