Le Hollandais Volant#14990 - Dead simple CSS spinner/loader
Ah ouais, tout bête : un bloc carré, avec une bordure sombre et les trois autres claires.
On applique border radius pour en faire un cercle, puis une animation pour la faire tourner. Genius !
(via)
ÉDIT : par contre, pourquoi passer par un div parent ? Il y a plus simple si on veut centrer : margin: 0 auto.
Du coup j’ai forké et simplifié encore plus : http://codepen.io/lehollandaisvolant/pen/pypRNZ?editors=1100
(j’ai aussi viré le code spécial lazyload, qui n’est utile que dans certains cas spécifiques)
On applique border radius pour en faire un cercle, puis une animation pour la faire tourner. Genius !
(via)
ÉDIT : par contre, pourquoi passer par un div parent ? Il y a plus simple si on veut centrer : margin: 0 auto.
Du coup j’ai forké et simplifié encore plus : http://codepen.io/lehollandaisvolant/pen/pypRNZ?editors=1100
(j’ai aussi viré le code spécial lazyload, qui n’est utile que dans certains cas spécifiques)