rotate_x_45deg-ref.html (767B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Reference File</title> 5 <link rel="author" title="Ebay Inc." href="mailto:xiatian@ebay.com"/> 6 <style type="text/css"> 7 .container { 8 height: 100px; 9 width: 100px; 10 background-color:#fff; 11 border:1px solid black; 12 } 13 14 .transformed { 15 position: relative; 16 top:15px; 17 width: 100px; 18 height: 70.7px; 19 background-color:green; 20 } 21 </style> 22 23 </head> 24 <body> 25 <p>There is one green area in the box</p> 26 <div class="container"> 27 <div class="transformed"></div> 28 </div> 29 </body> 30 </html>