search

lukehaas / css-loaders

A collection of loading spinners animated with CSS
MIT License
7.05k stars 1.04k forks source link

Don't seem to work on Android 2.3 #17

Open andreszs opened 9 years ago

andreszs commented 9 years ago

Please, can you fix them to work on Android 2.3 devices? Simply add -webkit attributes and other minor changes to make it work, thanks.

lukehaas commented 9 years ago

Thanks for your suggestion. I'm guessing you're referring to the unprefixed box-shadow. I left these out as I think the usage stats for people using very old android browsers is quite low, and including them would add a lot of bloat to the CSS as the spinners are very box-shadow heavy.

andreszs commented 9 years ago

Don't worry, rotate is a non-animatable property in Android 2.3, I had to implement it with JS by changing the angle every 50 ms. To reduce your code, you should remove the non-prefixed attributes from @-webkit-keyframes, and remove the prefixed ones from @keyframes, since those functions apply only to prefixed and non-prefixed attributes respectively.

ghost commented 7 years ago

Can confirm that the preloader does not work in Android 2.3.

The annoying thing with the Modernizr test and the applied CSS rules with .no-cssanimations is that it will not hide the preloader if you have changed the load-container to position: fixed. In that case it will display the preloader inline, which is a known issue documented here.

Is there a way to completely hide the loader including its container in Android 2.3 in this scenario?

lukehaas commented 7 years ago

Android 2.3 is not supported. Regarding your other question, you may find some useful responses if you post it on stackoverflow.