search

lukehaas / css-loaders

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

Improvement on loader 6 #12

Closed OxyDesign closed 9 years ago

OxyDesign commented 9 years ago

Improvement on circular path (location computed with sin & cos) and more/different steps to have a better transformation (closer to a real circle), as asked in #11. I only made changes in the Less file (.css and .html are generated). Feel free to tell me if it's not suitable.

lukehaas commented 9 years ago

Thanks for doing this, but there is currently an issue with the spacing of the box-shadows. In my original the box-shadows get a much wider spacing at the peak of the transition. This is an aspect I'd like to maintain for this loader.

OxyDesign commented 9 years ago

Ok I see. I changed it a little bit. Is it enough ? Thank you

lukehaas commented 9 years ago

Thanks again, it's just a little off still. If you imagine the loader as a clock face the peak of the transition, when the box shadows are most spaced, needs to be at 6 o'clock. Also, the box-shadows are now just a little too spaced out at their peak.

OxyDesign commented 9 years ago

Ok and now ?

OxyDesign commented 9 years ago

Thanx

lukehaas commented 9 years ago

Thanks for all your work on this. I made some additional tweaks to alter the timing.

OxyDesign commented 9 years ago

My pleasure