overflow-clip-margin-010.html (728B)
1 <!doctype html> 2 <html class="reftest"> 3 <meta charset="utf-8"> 4 <title>Overflow-clip-margin corner shape</title> 5 <link rel="help" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow-clip-margin"> 6 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 7 <link rel="match" href="overflow-clip-margin-010-ref.html"> 8 <style> 9 .container { 10 width: 100px; 11 height: 100px; 12 13 position: relative; 14 top: 30px; 15 left: 30px; 16 17 border: 5px solid green; 18 19 overflow: clip; 20 overflow-clip-margin: 20px; 21 border-radius: 0px 15px 25px 35px; 22 } 23 .child { 24 width: 400px; 25 height: 400px; 26 margin: -200px; 27 background: lightblue; 28 opacity: 0.8; 29 } 30 </style> 31 32 <div class=container> 33 <div class=child></div> 34 </div>