CODERS MEETING:
SATURDAY 7th September, 2013
SESSION: 37
ACTIVITY: CODING
COURSE: CSS
COURSE LESSON: TRANSFORMATION EFFECTS .

INSTRUCTION BAR.

1.
USE HTML AND CSS TO CREATE 5 BOXES WITH BORDERS. APPLY A BACKGROUND COLOUR OF ORANGE TO EACH BOX. GIVE EACH BOX A HEIGsHT OF 70px AND WIDTH 70px.
2.
PLACE ALL THE BOXES IN A PARENT CONTAINER OF WIDTH 700px AND HEIGHT 500px. GIVE THE PARENT BOX A SHADOW USING CSS.
3.
APPLY TRANSFORMATION EFFECTS TO EACH BOX TO ROTATE AT 720 DEGREES AND SCALE OF 1.2.
4.
APPLY THE 5 TRANSITON TIMING FUNCTIONS TO EACH BOX.
5.
LET THE BOXES MOVE 600px TO THE RIGHT, CHANGE BACKGROUND COLOUR AND CHANGE TO A CIRCLE WHEN YOU HOVER OVER THE PARENT.

HOVER ME.