preserve3d-and-flattening-002-ref.html (622B)
1 <!DOCTYPE HTML> 2 <meta charset="utf-8"> 3 <title>CSS Test (Transforms): Flattening at the leafward edges of a preserve-3d scene</title> 4 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 5 <link rel="author" title="Google" href="http://www.google.com/"> 6 7 <style> 8 body { 9 margin: 0; 10 } 11 div { 12 position: absolute; 13 height: 100px; 14 width: 100px; 15 top: 0; 16 left: 0; 17 } 18 .flattener { 19 background: fuchsia; 20 } 21 .sibling { 22 background: blue; 23 top: 50px; 24 left: 25px; 25 } 26 .child { 27 background: silver; 28 left: 50px; 29 } 30 </style> 31 32 <div class="sibling"></div> 33 <div class="flattener"></div> 34 <div class="child"></div>