611574-1.html (4409B)
1 <!DOCTYPE HTML> 2 <html><head><style> 3 button,span,fieldset { background-color: #0F0; break-inside:avoid; } 4 body { font-size:12px; } 5 </style></head> 6 <body> 7 <div style="column-count:3;height:600px;column-fill:auto"> 8 <p><button style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</button> 9 <p><button style="box-shadow: inset 20px 10px 0 #0F0;">No Blur Radius</button> 10 <p><button style="box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</button> 11 <p><button style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</button> 12 <p><button style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</button> 13 14 <p><button style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</button> 15 <p><button style="box-shadow: inset 20px 10px 2px #0F0;">2px Blur Radius</button> 16 <p><button style="box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</button> 17 <p><button style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</button> 18 <p><button style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</button> 19 20 <p><span style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</span> 21 <p><span style="box-shadow: inset 20px 10px 0 #0F0;">No Blur Radius</span> 22 <p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</span> 23 <p><span style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</span> 24 <p><span style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</span> 25 26 <p><span style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</span> 27 <p><span style="box-shadow: inset 20px 10px 2px #0F0;">2px Blur Radius</span> 28 <p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</span> 29 <p><span style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</span> 30 <p><span style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</span> 31 32 <p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset> 33 <p><fieldset style="box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset> 34 <p><fieldset style="box-shadow: inset 20px 10px 0 #0F0;">No Blur Radius</fieldset> 35 <p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset> 36 <p><fieldset style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset> 37 <p><fieldset style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset> 38 39 <p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset> 40 <p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset> 41 <p><fieldset style="box-shadow: inset 20px 10px 2px #0F0;">2px Blur Radius</fieldset> 42 <p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset> 43 <p><fieldset style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset> 44 <p><fieldset style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset> 45 46 <p><fieldset style="display:inline; box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</fieldset> 47 <p><fieldset style="display:inline; box-shadow: inset -20px 10px 0 #0F0;"><legend>No</legend> Blur Radius</fieldset> 48 <p><fieldset style="display:inline; box-shadow: inset 20px 10px 0 #0F0;">No Blur Radius</fieldset> 49 <p><fieldset style="display:inline; box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</fieldset> 50 <p><fieldset style="display:inline; box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</fieldset> 51 <p><fieldset style="display:inline; box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</fieldset> 52 53 <p><fieldset style="display:inline; box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</fieldset> 54 <p><fieldset style="display:inline; box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset> 55 <p><fieldset style="display:inline; box-shadow: inset 20px 10px 2px #0F0;">2px Blur Radius</fieldset> 56 <p><fieldset style="display:inline; box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset> 57 <p><fieldset style="display:inline; box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset> 58 <p><fieldset style="display:inline; box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset> 59 60 </div> 61 </body> 62 </html>