Fallo ruotare!

Per creare animazioni solo con CSS useremo keyframes, con la seguente sintassi

@keyframes animation_name {
	from {
		...
	}
	to {
		...
	}
}

Nota che animation_name è il nome dell'animazione (può essere modificato); all'interno dei blocchi from e to devi inserire la modifica delle proprietà CSS, ad esempio,

@keyframes fade_out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

Quanto sopra creerà un'animazione che passa da opacity 1 a opacity 0.

Per applicare quanto sopra a un elemento specifico, usa, ad esempio,

#spinner {
	animation: fade_out 1.3s infinite;
}

Quanto sopra applicherà all'elemento #spinner l'animazione fade_out, con una durata di 1.3 secondi, che verrà eseguita all'infinito.