HTML5 (iii)

Body{text-align:Center;}#mainbox{Display:Block;width:500px;margin:50px Auto;padding:15px;text-align:Center;Border:1px solid #999999;background:#dddddd;/*fillet-webkit-border-radius:20px 10px 30px 50px;       boder-radius:20px 10px 30px 50px;      -webkit-border-radius:20px;            boder-radius:20px;      -webkit-border-radius:20px/10px; boder-radius:20px/10px;*/      /*Shadow effect-webket-box-shadow:rgb (150,150,150) 5px 5px; Box-shadow:rgb (150,150,150) 5px 5px;*/           /*linear gradient background:-webkit-linear-gradient (top, #ffffff, #006699);*/       /*radiation Gradient background:-webkit-radial-gradient (top, #ffffff, #006699);*/      /*Contour outline:2px Dashed #000099; outline-offset:15px;*/      /*Border picture-webkit-border-image:url ("diamonds.png") stretch; Border-image:url ("Diamonds.png") stretch;*/      /*scaling-webkit-transform:scale (2,-2);*/      /*Rotary-webkit-transform:rotate (0deg);*/      /*Tilt-webkit-transform:skew (20deg);*/       /*Mobile-webkit-transform:translate (100px);*/-webkit-transform:-webkit-transform 1s ease-in-out 0.5s; }#mainbox: Hover{-webket-transform:Rotate (5deg); }#title{Font:Bold 36px Mynewfont,verdana,sans-serif;/*text Shadow Text-shadow:rgb (0,0,150) 3px 3px 5px;*/         /*Text Transparency*/Text-shadow:Rgba (0,0,0,0.5) 3px 3px 5px;Color:Hsla (120,100%,50%,0.5); }@font-face{font-family:' Mynewfont ' src: (' Font.ttf '); }

HTML5 (iii)