css-transform-3d-transform-style-ref.html (873B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Transforms Test: rotateY with transform-style on nested elements</title> 6 <link rel="author" title="Intel" href="http://www.intel.com"> 7 <style> 8 div { 9 position: absolute; 10 } 11 div.container { 12 height: 100px; 13 top: 60px; 14 width: 400px; 15 } 16 div.blue { 17 background-color: blue; 18 height: 100px; 19 left: 200px; 20 width: 100px; 21 } 22 div.green { 23 background-color: green; 24 height: 100px; 25 left: 100px; 26 width: 100px; 27 } 28 </style> 29 </head> 30 <body> 31 <p>Test passes if there is a <b>green</b> square and a <b>blue</b> square, and no any <b>red</b>.</p> 32 <div class="container"> 33 <div class="blue"></div> 34 <div class="green"></div> 35 </div> 36 </body> 37 </html>