overflow-clip-content-visual-overflow.html (867B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Overflow: verifies content visual overflow is shown</title> 4 <link rel="help" href="https://www.w3.org/TR/css-overflow-3/#valdef-overflow-clip"> 5 <link rel="author" title="Scott Violet" href="mailto:sky@chromium.org"> 6 <link rel="match" href="overflow-clip-content-visual-overflow-ref.html"> 7 <style> 8 body { 9 margin: 0 10 } 11 12 .parent { 13 width: 100px; 14 height: 100px; 15 will-change: transform; 16 } 17 18 .child { 19 width: 100px; 20 height: 100px; 21 background: black; 22 box-shadow: 10px 50px 5px red; 23 } 24 25 .spacer { 26 width: 100px; 27 height: 150px; 28 } 29 </style> 30 <div class="parent" style="overflow-x: clip; overflow-y: visible"> 31 <div class="child"></div> 32 </div> 33 <div class="spacer"></div> 34 <div class="parent" style="overflow-x: visible; overflow-y: clip"> 35 <div class="child"></div> 36 </div> 37 </script>