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
Square Animated Spinners Snippet
See the Pen CSS3 animation spinners and preloaders by fox_hover (@fox_hover) on CodePen.0