transform-table-009.html (1154B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): Table With Preserve-3D 1</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-2/#transform-style-property"> 7 <meta name="assert" content="This is the same as transform-table-007.html, 8 except that transform-style is also explicitly applied to the intervening 9 <tbody>, so nothing should vanish."> 10 <link rel="match" href="transform-table-009-ref.html"> 11 <link rel="mismatch" href="transform-table-009-notref.html"> 12 <meta name="fuzzy" content="maxDifference=0-50;totalPixels=0-3"> 13 <style> 14 table, tbody, tr, td { 15 margin: 0; 16 padding: 0; 17 border-spacing: 0; 18 } 19 div { 20 transform: rotateX(90deg); 21 } 22 body > div, table, tbody, tr, td { 23 transform-style: preserve-3d; 24 } 25 </style> 26 </head> 27 <body> 28 <div> 29 <table> 30 <tbody> 31 <tr> 32 <td> 33 <div>Some text</div> 34 </td> 35 </tr> 36 </tbody> 37 </table> 38 </div> 39 </body> 40 </html>