How do you create a loading spinner with CSS?

A loading spinner can be created in CSS by making a circle that rotates continuously. This is done by using CSS animations. You set up a circle with a border, and then apply an animation to make it spin. The rotate effect is applied to the circle using keyframes, and the animation property controls how fast the spinning happens. This is a simple way to show that something is loading, without using images or JavaScript.