Thursday - Transform (rotate)

There's just one more piece of new code you need to learn to complete this week's coding challenge: you need to get those icons to rotate. We're going to use the transform property in CSS to achieve this. For rotation in particular, the syntax is:
  transform: rotate(360deg) ;
...where that 360 number can be swapped out for any number, providing a clockwise rotation that distance. Choosing a number above 360 degrees will enable the element to keep spinning past its starting orientation. Experiment with these.

Check out the W3Schools tutorial on transformations to try a long list of different transformations made possible by this property, including:

• 2D and 3D transformations
• movement across the screen
• scaling up or down in size
• skewing the element left or right, up or down