clip-path-inset-002-ref.html (695B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <!DOCTYPE html> 6 <html> 7 <head> 8 <title>CSS Masking: Reference for clip-path's inset function (with rounded corners) 002</title> 9 <link rel="author" title="Manish Goregaokar" href="mailto:manish@mozilla.com"> 10 <style type="text/css"> 11 #square { 12 width: 180px; 13 height: 180px; 14 background-color: green; 15 position: relative; 16 top: 10px; 17 left: 10px; 18 border-radius: 20px; 19 } 20 </style> 21 </head> 22 <body> 23 <p>The test passes if there is a green rect not touching the sides with rounded corners</p> 24 <div id="square"></div> 25 </body> 26 </html>