Loading Spinner

Easy
22
62.6% Acceptance

In this lab, a simple loader animation using HTML / CSS.

The required HTML code for this lab is already written.

You would have to write the CSS for creating the loader animations.

Here are the simple steps:

  1. Set a width & height of the #loader to a fixed value like 50px
  2. Set a width for the border of the #loader and color to gray
  3. Set the color of the border-top to blue
  4. Set the animate property to spin forever.
  5. Set the proper keyframe for for spin creating the 360 degress rotation using the transform property and rotate()

NOTE: This is a self assessed lab. There are no test cases available for this exercise lab. You would have to manually check the challenges when you're done.