A Set Of Animated CSS Spinners

Image: A Set Of Animated CSS Spinners GIF

Four different pure CSS animated spinners that you can use in your web projects. The first animation we have is a pulsating green dot on a grey background with two circular lines revolving around it.The second one we have, two white dots in a red circle that expands and fills up the entire space. The third one we have, two blue circles in a lavender background, these two circles moves side to side swapping positions with each other. The last and final one we have a PacMan opening and closing its mouth. Designed by Massimiliano Ranauro.

If you are having trouble with the pen, try the archived copy on GitHub

See the Pen Css3 Spinners by Massimiliano Ranauro (@huckbit) on CodePen.0

Posted by:Hima Vincent

Hima Vincent is the founder & editor in chief of CodeMyUI. She is a writer by day and a reader by night who helps web designers build awesome projects by sharing amazing code snippets for inspiration. Hobbies include designing, card games, photography and exploring the culinary arts.