Here are a bunch of pure CSS animated spinners that you can use in various web design projects, designed by Natali Davydova. There are four square styles to choose from :
- A sruare split in to 4 triangles and each ones spins one after the other
- A spinning square that zooms in and out as it spins
- A pulsating dot
- The border of a square that draws and un draws itself
- A spinning square’s edges get cut off to become a circle
If you are having trouble with the pen, try the archived copy on GitHub
See the Pen
CSS3 animation spinners and preloaders by foxeisen (@foxeisen)
on CodePen.