<!DOCTYPE HTML >html >head ><style >button ,span ,fieldset { border-radius: 7 px 3 px; background-color: #0 F0; }button { border: none; outline: 3 px solid black; outline-offset: -2 px; }style ></head >body style ="margin:30px" >div style ="column-count:3; column-fill:auto; height:600px" >p ><button style ="box-shadow: inset -20px 10px 0 #0F0;" >No Blur Radius</button >p ><button style ="box-shadow: inset 20px 10px 0 #0F0;" >No Blur Radius</button >p ><button style ="box-shadow: inset -20px 10px 0 4px #0F0;" >No Blur Radius</button >p ><button style ="box-shadow: inset 200px 100px 0 4px #0F0;" >No Blur Radius</button >p ><button style ="box-shadow: inset 200px -100px 0 4px #0F0;" >No Blur Radius</button >p ><button style ="box-shadow: inset -20px 10px 2px #0F0;" >2 px Blur Radius</button >p ><button style ="box-shadow: inset 20px 10px 2px #0F0;" >2 px Blur Radius</button >p ><button style ="box-shadow: inset -20px 10px 2px 4px #0F0;" >2 px Blur Radius</button >p ><button style ="box-shadow: inset 200px 100px 2px 4px #0F0;" >2 px Blur Radius</button >p ><button style ="box-shadow: inset 200px -100px 2px 4px #0F0;" >2 px Blur Radius</button ><!-- XXX TODO: SPAN does not work due to differences in anti-aliasing with the reference< p > < span style = " box - shadow : inset - 20 px 10 px 0 # 0 F0 ; " > No Blur Radius < / span > < p > < span style = " box - shadow : inset 20 px 10 px 0 # 0 F0 ; " > No Blur Radius < / span > < p > < span style = " box - sizing : border - box ; box - shadow : inset - 20 px 10 px 0 4 px # 0 F0 ; " > No Blur Radius < / span > < p > < span style = " box - shadow : inset 200 px 100 px 0 4 px # 0 F0 ; " > No Blur Radius < / span > < p > < span style = " box - shadow : inset 200 px - 100 px 0 4 px # 0 F0 ; " > No Blur Radius < / span > < p > < span style = " box - shadow : inset - 20 px 10 px 2 px # 0 F0 ; " > 2 px Blur Radius < / span > < p > < span style = " box - shadow : inset 20 px 10 px 2 px # 0 F0 ; " > 2 px Blur Radius < / span > < p > < span style = " box - sizing : border - box ; box - shadow : inset - 20 px 10 px 2 px 4 px # 0 F0 ; " > 2 px Blur Radius < / span > < p > < span style = " box - shadow : inset 200 px 100 px 2 px 4 px # 0 F0 ; " > 2 px Blur Radius < / span > < p > < span style = " box - shadow : inset 200 px - 100 px 2 px 4 px # 0 F0 ; " > 2 px Blur Radius < / span > p ><fieldset style ="box-shadow: inset -20px 10px 0 #0F0;" >No Blur Radius</fieldset >p ><fieldset style ="box-shadow: inset -20px 10px 0 #0F0;" ><legend >No</legend > Blur Radius</fieldset >p ><fieldset style ="box-shadow: inset 20px 10px 0 #0F0;" >No Blur Radius</fieldset >p ><fieldset style ="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;" >No Blur Radius</fieldset >p ><fieldset style ="box-shadow: inset 200px 100px 0 4px #0F0;" >No Blur Radius</fieldset >p ><fieldset style ="box-shadow: inset 200px -100px 0 4px #0F0;" >No Blur Radius</fieldset >p ><fieldset style ="box-shadow: inset -20px 10px 2px #0F0;" >2 px Blur Radius</fieldset >p ><fieldset style ="box-shadow: inset -20px 10px 2px #0F0;" ><legend >2 px</legend > Blur Radius</fieldset >p ><fieldset style ="box-shadow: inset 20px 10px 2px #0F0;" >2 px Blur Radius</fieldset >p ><fieldset style ="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;" >2 px Blur Radius</fieldset >p ><fieldset style ="box-shadow: inset 200px 100px 2px 4px #0F0;" >2 px Blur Radius</fieldset >p ><fieldset style ="box-shadow: inset 200px -100px 2px 4px #0F0;" >2 px Blur Radius</fieldset >p ><fieldset style ="display:inline;box-shadow: inset -20px 10px 0 #0F0;" >No Blur Radius</fieldset >p ><fieldset style ="display:inline;box-shadow: inset -20px 10px 0 #0F0;" ><legend >No</legend > Blur Radius</fieldset >p ><fieldset style ="display:inline;box-shadow: inset 20px 10px 0 #0F0;" >No Blur Radius</fieldset >p ><fieldset style ="display:inline;box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;" >No Blur Radius</fieldset >p ><fieldset style ="display:inline;box-shadow: inset 200px 100px 0 4px #0F0;" >No Blur Radius</fieldset p ><fieldset style ="display:inline;box-shadow: inset 200px -100px 0 4px #0F0;" >No Blur Radius</fieldset >p ><fieldset style ="display:inline;box-shadow: inset -20px 10px 2px #0F0;" >2 px Blur Radius</fieldset >p ><fieldset style ="display:inline;box-shadow: inset -20px 10px 2px #0F0;" ><legend >2 px</legend > Blur Radius</fieldset >p ><fieldset style ="display:inline;box-shadow: inset 20px 10px 2px #0F0;" >2 px Blur Radius</fieldset >p ><fieldset style ="display:inline;box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;" >2 px Blur Radius</fieldset >p ><fieldset style ="display:inline;box-shadow: inset 200px 100px 2px 4px #0F0;" >2 px Blur Radius</fieldset >p ><fieldset style ="display:inline;box-shadow: inset 200px -100px 2px 4px #0F0;" >2 px Blur Radius</fieldset >div >body >html >
Messung V0.5 in Prozent C=95 H=96 G=95
¤ Dauer der Verarbeitung: 0.5 Sekunden
¤ *© Formatika GbR, Deutschland
