CODERS MEETING
SATURDAY 14TH SEPTEMBER, 2013.
SESSION 38
1 | 2 | 3 | 4 |
Use HTML and CSS to create three rows of boxes.Create four separate boxes for each row with top'right,bottom and left margins of 40px.Each of the boxes should have a width of 150px and heigth of 150px.Using the CSS box-shadow property,apply shadows to all the boxes. | The first box should have a picture and the next box should have a description of the pictures. The box after the picture description should have a video and the next box should have the description of the video.The should cotinue up to the final box. | The boxes with descriptions should have vertical scroll bars.Use the CSS overflow property to create the scroll bars. | Use CSS transformation effects and CSS transition to rotate all the boxes with to a scale of 2.The boxes with pictures and videos should rotate 720 degrees clockwise and the boxes with the descriptions should rotate 360 degrees anti-clockwise.This sequence should repeat up to the final box. |