box-shadow.html (490B)
1 <!DOCTYPE html> 2 <meta name="viewport" content="width=device-width"> 3 <style> 4 html, body { 5 margin: 0; 6 width: 100%; 7 height: 100%; 8 scrollbar-width: none; 9 } 10 #container { 11 min-width: 1600px; /* this value should be double of viewport width */ 12 min-height: 3000px; 13 position: relative; 14 } 15 #inner { 16 position: absolute; 17 top: 0; 18 right: 0; 19 width: 100px; 20 height: 100px; 21 background: green; 22 box-shadow: 100px 0 red; 23 } 24 </style> 25 <div id="container"> 26 <div id="inner"></div> 27 </div>