diff options
| author | elijah <elijah@riseup.net> | 2016-09-05 17:34:11 -0700 |
|---|---|---|
| committer | Kali Kaneko (leap communications) <kali@leap.se> | 2016-09-06 13:55:16 -0400 |
| commit | 65c2c18653feb5f6485710e9656b19e368bb2826 (patch) | |
| tree | a279d6f4eb502b30606870cd34af2896eef7321d /www/app/components/spinner/spinner.css | |
| parent | b047beb3e50a541564d2ab6ff17491608a630101 (diff) | |
[feature] webkit support: get the js and css working in older webkit engines
Diffstat (limited to 'www/app/components/spinner/spinner.css')
| -rw-r--r-- | www/app/components/spinner/spinner.css | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/www/app/components/spinner/spinner.css b/www/app/components/spinner/spinner.css index 4e7f3ee..5e8535c 100644 --- a/www/app/components/spinner/spinner.css +++ b/www/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% { |