diff options
author | elijah <elijah@riseup.net> | 2016-09-05 17:34:11 -0700 |
---|---|---|
committer | elijah <elijah@riseup.net> | 2016-09-05 17:39:32 -0700 |
commit | 141702748572a977133ae60ea8b39ce76342d7ce (patch) | |
tree | a3d8b7f4a18f95ac8c0855158876bb7cf7800721 /src/leap/bitmask_js/app/components/spinner/spinner.css | |
parent | ec52670d15742aad146b061c28bbe02ac7d93da3 (diff) |
webkit support: get the js and css working in older webkit enginesfeature/js-ui
Diffstat (limited to 'src/leap/bitmask_js/app/components/spinner/spinner.css')
-rw-r--r-- | src/leap/bitmask_js/app/components/spinner/spinner.css | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/src/leap/bitmask_js/app/components/spinner/spinner.css b/src/leap/bitmask_js/app/components/spinner/spinner.css index 4e7f3ee8..5e8535c9 100644 --- a/src/leap/bitmask_js/app/components/spinner/spinner.css +++ b/src/leap/bitmask_js/app/components/spinner/spinner.css @@ -10,12 +10,28 @@ vertical-align: middle; border-radius: 100%; display: inline-block; + -webkit-animation: bouncedelay 1.5s infinite ease-in-out; animation: bouncedelay 1.5s infinite ease-in-out; + -webkit-animation-fill-mode: both; animation-fill-mode: both; } -.spinner .spin1 { animation-delay: -.46s } -.spinner .spin2 { animation-delay: -.24s } +.spinner .spin1 { + -webkit-animation-delay: -.46s; + animation-delay: -.46s; +} +.spinner .spin2 { + -webkit-animation-delay: -.24s; + animation-delay: -.24s; +} + +@-webkit-keyframes bouncedelay { + 0%, 80%, 100% { + -webkit-transform: scale(0.5); + } 40% { + -webkit-transform: scale(0.9); + } +} @keyframes bouncedelay { 0%, 80%, 100% { |