transform-table-003.html (909B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): Transform on Table 2</title> 5 <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> 6 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"> 7 <meta name="assert" content='This tests that another appropriately-crafted 8 transform applied to a table works the same as if was applied to a wrapper 9 div.'> 10 <link rel="match" href="transform-table-001-ref.html"> 11 <link rel="mismatch" href="transform-table-001-notref.html"> 12 <style> 13 div { 14 transform: translateX(200px) rotate(180deg) translateY(-100%); 15 transform-origin: left; 16 } 17 table { 18 transform: translateY(100%); 19 } 20 </style> 21 </head> 22 <body> 23 <div> 24 <table> 25 <caption>Hello</caption> 26 <tr><td>there!</td></tr> 27 </table> 28 </div> 29 </body> 30 </html>