CODERS METING

Saturday 7th September,2013
Session: 37

Activity: Coding
Course: Css
Course lesson: Transformation Effects.

INSTRUCTION BAR.

12345
USE HTML AND CSS TO CREATE 5 BOXES WITH BORDERS.APPLY A BACKGROUND COLOUR OF ORANGE TO EACH BOX GIVE EACH BOX A HEIGHT OF 70PX AND WITH 70PX 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 5 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.

Hover me