boxshadow-inset-large-border-radius.html (501B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 #boxShadow { 6 background: gray; 7 width: 700px; 8 height: 20px; 9 box-shadow: 15px 15px 3px black inset; 10 border-radius: 100px 0px 0px 0px; 11 } 12 13 #cutLeft { 14 background: white; 15 width: 125px; 16 height: 20px; 17 position: absolute; 18 } 19 20 #cutAcross { 21 background: white; 22 width: 700px; 23 height: 15px; 24 position: absolute; 25 margin-top: 5px; 26 } 27 28 </style> 29 </head> 30 <body> 31 <div id="cutLeft"></div> 32 <div id="cutAcross"></div> 33 <div id="boxShadow"></div> 34 </body> 35 </html>