backface-visibility-hidden-005-ref.html (678B)
1 <!DOCTYPE html> 2 <title>backface visibility: hidden inside preserve-3d applies to pseudo-stacking contexts</title> 3 <link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> 4 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"> 5 <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#propdef-backface-visibility"> 6 7 <p>The test passes if there is a green rectangle and no red</p> 8 <style> 9 div { 10 width: 100px; 11 height: 100px; 12 } 13 </style> 14 <div style="transform-style: preserve-3d"> 15 <div class=target style="backface-visibility: hidden"> 16 <div style="background: green; isolation: isolate"></div> 17 </div> 18 </div>