CSS Animations

CSS creates smooth, complex animations without needing JavaScript. Developers define a sequence of styles inside keyframes. The browser then automatically calculates the frames needed to transition the element from start to finish.

1/* this spins an element */
2@keyframes spin {
3  from { transform: rotate(0deg); }
4  to { transform: rotate(360deg); }
5}
6
7.loader {
8  animation: spin 2s linear infinite;
9}