CSS Animation

In this exercise you learn the basics of CSS Animation

Exercise

Use the template provided here: Template

• center the spinner horizontally
• the spinner should spin with 1 revolution every 2 seconds
• On hover the spinner should double it's size with an animation with the animation duration 1 second
• On hover out the spinner should animate back
• the loading text should be centered

Tips

• Scaling can be done with css transforms

Template

Solution