transform-table-008.html (1182B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): Table Without Preserve-3D 3</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 essentially the same as 8 transform-table-006.html, except using divs with 'display' specified 9 instead of actual table elements."> 10 <link rel="match" href="transform-blank-ref.html"> 11 <style> 12 body > div { 13 transform: rotateX(90deg); 14 transform-style: preserve-3d; 15 } 16 body > div > div { 17 display: table; 18 } 19 body > div > div > div { 20 display: table-row; 21 } 22 body > div > div > div > div { 23 display: table-cell; 24 transform-style: preserve-3d; 25 } 26 body > div > div > div > div > div { 27 transform: rotateX(90deg); 28 } 29 </style> 30 </head> 31 <body> 32 <p>Nothing should appear except this sentence.</p> 33 <div> 34 <div> 35 <div> 36 <div> 37 <div>Some text</div> 38 </div> 39 </div> 40 </div> 41 </div> 42 </body> 43 </html>