Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Rotating Loading Spinner

Solution: Rotating Loading Spinner

Let’s build a circular loader (spinner) that rotates indefinitely by defining appropriate CSS rules and keyframe animations.

We'll cover the following...

Problem description

Given an HTML page containing a <div class="spinner"></div> element, write CSS to:

  • Style the spinner as a 50×50 px circle with a 5 px solid border, ...