CODERS MEETING
SATURDAY 14TH SEPTEMBER, 2013.
SESSION 38



ACTIVITY: CODING
COURSE: CSS
COURSE LESSON: TRANSFORMATION EFFECTS
INSTRUCTION BAR
1 2 3 4 5
Use HTML and CSS to create five boxes with borders.Apply a backgroundcolor of orange to each box.Give each box heigth of 70px and width 70px with margin of 20px. Place all the boxes in a parent container of width 700px and height 500px.Give the parent box a shadow using CSS. Apply transformation effects to eachbox to rotate it at 720 degrees and scale of 1.2. Apply the five transition timing functions of each box. Let the boxes move 600px to the right,change background color and change it to a circle when you hover over the parent.

HOVER ME!