19 September 2017 / Loading

Pixelated circular loader with box-shadow

8 Bit Spinner

Pixelated circular loader with box-shadow.

Made with

Html
Css

Author

Fabrizio Bianchi

Demo

See the Pen 8 bit spinner by Fabrizio Bianchi (@fbrz) on CodePen.

— HTML JavaScript CSS Snippets | CodeTea.com —

Loading

12 June 2018

CSS Dash Loader

Rotating dashes.

12 June 2018

Tomato loader with CSS vars

Doesn't work in Edge due to lack of support for calc() as an animation-delay value.

12 June 2018

20 lines of CSS and 4 lines of generated SVG

No JS, cross-browser, minimal code. 20 lines of CSS and 4 lines of generated SVG.

— Next Post —

19 September 2017

Infinite Domino Loader

This pen shows a set of white bars—who represent dominos—that fall to the right; like dominos. You should set aria-busy to false when your stuff is loaded.

— Prev Post —

19 September 2017

CSS fire loader

HTML and CSS fire loader.