Gedichte Musik Bilder Quellcodebibliothek Diashow Normaldarstellung
Quellcodebibliothek Statistik Leitseite products/Sources/formale Sprachen/C/Firefox/layout/reftests/box-shadow/   (Browser von der Mozilla Stiftung Version 136.0.1©)  Datei vom 10.2.2025 mit Größe 4 kB image not shown  

Quelle  611574-2.html

  Sprache: HTML 		 

 products/Sources/formale Sprachen/C/Firefox/layout/reftests/box-shadow/611574-2.html


<!DOCTYPE HTML>
<html>
<head><style>
button,span,fieldset { border-radius: 7px 3px;  background-color: #0F0; }
button { border: none; outline: 3px solid black; outline-offset: -2px; }
</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;">2px Blur Radius</button>
<p><button style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</button>
<p><button style="box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</button>
<p><button style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</button>
<p><button style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</button>

<!--  XXX TODO: SPAN does not work due to differences in anti-aliasing with the reference
<p><span style="box-shadow: inset -20px 10px 0 #0F0;">No Blur Radius</span>
<p><span style="box-shadow: inset  20px 10px 0 #0F0;">No Blur Radius</span>
<p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 0 4px #0F0;">No Blur Radius</span>
<p><span style="box-shadow: inset 200px 100px 0 4px #0F0;">No Blur Radius</span>
<p><span style="box-shadow: inset 200px -100px 0 4px #0F0;">No Blur Radius</span>

<p><span style="box-shadow: inset -20px 10px 2px #0F0;">2px Blur Radius</span>
<p><span style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</span>
<p><span style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</span>
<p><span style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</span>
<p><span style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px 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;">2px Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="box-shadow: inset 200px -100px 2px 4px #0F0;">2px 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;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset -20px 10px 2px #0F0;"><legend>2px</legend> Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset  20px 10px 2px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;box-sizing: border-box; box-shadow: inset -20px 10px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset 200px 100px 2px 4px #0F0;">2px Blur Radius</fieldset>
<p><fieldset style="display:inline;box-shadow: inset 200px -100px 2px 4px #0F0;">2px Blur Radius</fieldset>

</div>


</body>
</html>

Messung V0.5 in Prozent
C=94 H=100 G=96

¤ Dauer der Verarbeitung: 0.8 Sekunden  (vorverarbeitet am  2026-06-04) ¤

*© Formatika GbR, Deutschland




Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.