Lea Verou 11/29/2013

Cleanest CSS spinner, ever

Read Original

This article details the creation of a minimalist CSS loading spinner using only two HTML elements. The author leverages ::before and ::after pseudoelements, box-shadow properties, and a steps() animation function to build an efficient, scalable, and accessible spinner that degrades gracefully in older browsers like IE9.

Cleanest CSS spinner, ever

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

2
Designing Design Systems
TkDodo Dominik Dorfmeister 2 votes
4
Introducing RSC Explorer
Dan Abramov 1 votes
6
Fragments Dec 11
Martin Fowler 1 votes
7
Adding Type Hints to my Blog
Daniel Feldroy 1 votes
8
Refactoring English: Month 12
Michael Lynch 1 votes
10