boxshadow-large-offset.html (721B)
1 <!DOCTYPE html> 2 <html> 3 <style> 4 .test { 5 background-color: #fec; 6 display: inline-block; 7 width: 800px; 8 height: 800px; 9 } 10 11 .second { 12 box-shadow: inset 0 400px 1px 0px red; 13 } 14 15 .leftCut { 16 position: absolute; 17 margin-left: 0px; 18 margin-top: 0px; 19 width: 10px; 20 height: 800px; 21 background-color: black; 22 } 23 24 .rightCut { 25 position: absolute; 26 margin-left: 790px; 27 margin-top: 0px; 28 width: 10px; 29 height: 800px; 30 background-color: black; 31 } 32 33 .centerCut { 34 position: absolute; 35 margin-top: 395px; 36 width: 800px; 37 height: 20px; 38 background-color: black; 39 } 40 41 </style> 42 43 <body> 44 <div class="leftCut"></div> 45 <div class="rightCut"></div> 46 <div class="centerCut"></div> 47 <div class="test second"></div> 48 </body> 49 </html>