preserve-3d-flat-grouping-properties-containing-block-inline.tentative.html (819B)
1 <!DOCTYPE HTML> 2 <meta charset="UTF-8"> 3 <title>CSS Test: transform-style: preserve-3d not being a containing block on inlines</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 <link rel="help" href="https://drafts.csswg.org/css-transforms-2/#transform-style-property"> 7 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/6430"> 8 <link rel="match" href="preserve-3d-flat-grouping-properties-containing-block-inline-ref.html"> 9 <style> 10 11 #container { 12 margin: 150px; 13 } 14 15 #outer { 16 transform-style: preserve-3d; 17 } 18 19 #inner { 20 position: absolute; 21 top: 0; 22 left: 0; 23 width: 50px; 24 height: 50px; 25 background: blue; 26 } 27 28 </style> 29 30 <div id="container"> 31 <span id="outer"> 32 <span id="inner"></span> 33 </span> 34 </div>