Ótimo conteúdo, @ja1!

Para a animação ficar perfeita faltou acrescentar o linear para não ter pausa no giro do loading:

animation: naoeomeupc 1s linear infinite;

Ja1há 2 anos

Verdade! Eu só coloquei sem o linear pra ficar mais dinâmico mesmo dkaskdsk. Mas fica bom como linear também. Não sei se tô ficando maluco, mas na minha cabeça parece que eu tô esperando menos se o loading for desses que desacelera e acelera kdksaska.

rafaelhá 2 anos
Eu gosto da animação não-linear também, no estilo do [Material Design](https://material.io/components/progress-indicators). Achei um [CodePen](https://codepen.io/mrrocks/pen/ExLovj) de exemplo, e uso um código similar em um projeto meu, mas sem a mudança de cor.
Ja1há 2 anos
Nossa, simmm. Fica muito bom nesse estilo, acho que é um dos melhores. E sobre a cor, eu até forkei o [pen](https://codepen.io/nottja1mmm/pen/OJvbGVz) pra testar e realmente pelo menos na minha opinião fica bem melhor sem a mudança de cor.