transform-flattening-001.html (566B)
1 <!doctype html> 2 <title>CSS Transforms: Transforms are flattened if transform-style is flat.</title> 3 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> 4 <link rel="author" href="https://mozilla.org" title="Mozilla"> 5 <link rel="help" href="https://drafts.csswg.org/css-transforms-2/#3d-rendering-context"> 6 <link rel="mismatch" href="about:blank"> 7 <!-- Should see a green rectangle, not white --> 8 <div style="transform: rotateX(45deg)"> 9 <div style="transform: rotateX(45deg); background: green; width: 100px; height: 100px"></div> 10 </div>