CODERS MEETING:
SATURDAY 14th September, 2013
SESSION: 38
COURSE: CODING
COURSE LESSON: CSS
ACTIVITY: TRANSFORMATION EFFECTS 3.


INSTRUCTION BAR.




1 2 3 4
Use HTML and CSS to create 3 rows of boxes.Create four seperate boxes for each row with top,right,bottom and left margins of 40px. Each of the boxes should have a width of 150px and height of 150px. Using the css box-shadow property,apply shadows to all the boxes The first box should have a picture and the second box should have a description of the picture.The box after the description of the picture should have a video and the next box should have a description of the video.This should continue up to the final box. The boxes with the descriptions should have vertical scroll bars.Use the Css overlay to create the scroll bar Use CSS transformation effects and CSS transition effects to rotate all the boxes to a scale of 2.The boxes with pictures and video should rotate 720 degrees clockwise and should rotate 360 degrees anti-clockwise,This seqquence should repeat up to the final box