fractional-box-with-overflow-children-ref.html (775B)
1 <!DOCTYPE html> 2 <title>View transitions: fractional box with overflow children-- reference</title> 3 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 4 <link rel="author" href="mailto:vmpstr@chromium.org"> 5 <style> 6 .box { 7 position: relative; 8 margin: 15px; 9 background: green; 10 width: 100.125px; 11 height: 50.875px; 12 } 13 .shift { 14 left: 0.4px; 15 } 16 .child1 { 17 position: absolute; 18 left: -2px; 19 width: 110px; 20 height: 25px; 21 background: darkgreen; 22 } 23 .child2 { 24 position: absolute; 25 top: -3px; 26 width: 50px; 27 height: 55px; 28 background: darkgreen; 29 } 30 body { background: lightpink } 31 </style> 32 <div class="box"><div class="child1"></div><div class="child2"></div></div> 33 <div class="box shift"><div class="child1"></div><div class="child2"></div></div>