clip-path-round-zero-size.html (719B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS clip path with zero box size</title> 4 <link rel="help" href="https://drafts.fxtf.org/css-masking-1/#the-clip-path"> 5 <link rel="help" href="https://bugzil.la/1785903"> 6 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 7 <link rel="author" title="Mozilla" href="https://mozilla.org"> 8 <link rel="match" href="clip-path-round-zero-size-ref.html"> 9 <!-- Allow differences of antialised pixels along rounded edges --> 10 <meta name="fuzzy" content="maxDifference=0-64;totalPixels=0-100"> 11 <style> 12 #target { 13 margin: 50px; 14 height: 0px; 15 width: 0px; 16 outline: 50px solid lime; 17 clip-path: inset(-20px round 5px); 18 } 19 </style> 20 <div id="target"></div>