rotate_45deg-ref.html (759B)
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 left:15px; 17 height: 100px; 18 width: 70.7px; 19 background-color:green; 20 } 21 </style> 22 23 </head> 24 <body> 25 <div class="container"> 26 <div class="transformed"></div> 27 </div> 28 <p>45 degree rotate on y axis</p> 29 </body> 30 </html>