CSS Exercises:

Easy CSS coding:

First create a simple website with the largest heading with the text "Hello World"

Style this website as follows:

1. Make the heading text blue

   Run
2. Now change the heading's background color to green

   Run
3. Make the webpage have a background color of yellow

   Run
4. Make the heading center aligned

   Run
5. Give the heading a border with a thickness, color and pattern of your preference

   Run
6. Create some space around the heading and border

   Run
7. Give the heading a width and height

   Run
8. Give the heading some space around the border

   Run
9. Give the heading an outline

   Run
10. Now, rotate the heading 60 degrees clockwise

    Run
11. Translate or move the heading from it's normal position a little bit

    Run
12. Magnify or scale the heading

    Run
13. Skew or twist the element a little bit

    Run
14. Change the cursor (mouse arrow) to whatever you like when you hover over the heading

    Run
coming soon
Run
coming soon
Run


15. Create a new heading without any formatting to it and add the following to a transistion:
    1. Make the background color change (transistion) when you mouse over this heading

       Run
    2. Make the border and outline change

       Run
    3. Make the padding change

       Run
    4. Increase the font size

       Run
    5. right align the font

       Run
    6. Make the text color change

       Run
    7. Make the heading rotate

       Run
16. Create a new heading without any formatting to it and add the following Animations:
    1. Make the background color switch a few times to colors of your choice

       Run
    2. Make the border and outline change as well

       Run
    3. Make the padding change

       Run
    4. Increase the font size

       Run
    5. right align the font

       Run
    6. Make the text color change

       Run
    7. Make the heading rotate

       Run