Exercise by:
Naa Lamiokor Dove
20 Years Old
Ridge Church School
Read / Add Comments
JS Bin

CODERS MEETING
Saturday 14th September, 2013
SESSION 38

COURSE: CODING
COURSE LESSON: CSS
ACTIVITY: Transformation Effects

INSTRUCTION BAR
1 2 3 4 5
Use Html and CSS to create five boxes with borders.Apply a background colour of orange to each box.Give each box height 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 each box to rotate at 720 degrees and scale of 1.2. Apply the five transition timing functions to each box. Let the boxes move 600px to the right, change background colour and change to a circle when you hover over the parent.