Create a smooth loading spinner using only CSS
We’ve all seen loading spinners and they generally look like this: Urgh. This is just an animated gif and has the following drawbacks: Limited to 256 colours Need to regenerate the image if you want a different colour. Framerate and resolution set when you create the image. (and increasing either will hurt load times). Playback is jerky until all frames are downloaded Wouldn’t it be better to use some vector magic and hardware-accelerated loveliness to get a spinner like this:...