add-child-in-empty-layer-ref.html (445B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://www.w3.org/TR/css-transforms-2/"> 3 <style> 4 .empty-layer { 5 transform: rotateY(30deg) rotateX(-30deg); 6 width: 100px; 7 height: 100px; 8 } 9 .inserted { 10 width: 50px; 11 height: 50px; 12 background-color: red; 13 } 14 </style> 15 <!-- 16 Force to create composited layer with empty then inserts a child the layer. 17 --> 18 <div id="empty-layer" class="empty-layer"> 19 <div id="inserted" class="inserted"></div> 20 </div>