2d-rotate-ref.html (806B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test: CSS Transform using 2d rotate()</title> 5 <link rel="author" title="Rick Hurst" href="http://mrkn.co/axegs"> 6 <link rel="mismatch" href="2d-rotate-notref.html"> 7 <meta name="flags" content="svg"> 8 <style type="text/css"> 9 svg{ 10 position: absolute; 11 top: 220px; 12 left: 60px; 13 } 14 </style> 15 </head> 16 <body> 17 <p>You should only see one block with color green, and you should not see any red</p> 18 <section> 19 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="300" height="200"> 20 <style type="text/css"> 21 rect{ 22 stroke-width: 10; 23 stroke: green; 24 fill: none; 25 } 26 </style> 27 <rect height="110" width="110" y="-38" x="120" transform="rotate(30)"/> 28 </svg> 29 </section> 30 </body> 31 </html>