August 15, 2014

Simple CSS spinners - pure CSS and HTML

Simple CSS spinners

I say CSS Spinners should be light weight and beautiful if you use the spinner for loading the page at the start. Because it is the starting thing your viewer friends might look at and the page loading should be faster too. So lets learn how to do this purely with CSS and HTML (no JavaScript).

I where searching for some spinners and found an intresting website . These are purely CSS spinners with no JS or image GIF's. A collection of loading spinners animated with CSS. They're super smooth, easy to customize, and open-source. Now am in eager to create a spinner on my own.

Output

See the Pen Preloader by Vivin Antony (@vivinantony) on CodePen.

See the Pen Preloader by Vivin Antony (@vivinantony) on CodePen.

See the Pen Preloader by Vivin Antony (@vivinantony) on CodePen.

See the Pen Preloader by Vivin Antony (@vivinantony) on CodePen.

See the Pen Preloader by Vivin Antony (@vivinantony) on CodePen.

See the Pen Preloader by Vivin Antony (@vivinantony) on CodePen.

See the Pen Preloader by Vivin Antony (@vivinantony) on CodePen.

See the Pen Preloader by Vivin Antony (@vivinantony) on CodePen.

No comments:

Post a Comment

Popular Posts

Views