Anforderungen  |   Konzepte  |   Entwurf  |   Entwicklung  |   Qualitätssicherung  |   Lebenszyklus  |   Steuerung
 
 
 
 


Quelle  611574-1.html   Sprache: HTML

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


<!DOCTYPE HTML>
<html><head><style>
button,span,fieldset { background-color: #0F0; break-inside:avoid; }
body { font-size:12px; }
</style></head>
<body>
<div style="column-count:3;height:600px;column-fill:auto">
<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>

<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
C=97 H=95 G=95

¤ Dauer der Verarbeitung: 0.11 Sekunden  (vorverarbeitet)  ¤

*© 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.






                                                                                                                                                                                                                                                                                                                                                                                                     


Neuigkeiten

     Aktuelles
     Motto des Tages

Software

     Produkte
     Quellcodebibliothek

Aktivitäten

     Artikel über Sicherheit
     Anleitung zur Aktivierung von SSL

Muße

     Gedichte
     Musik
     Bilder

Jenseits des Üblichen ....
    

Besucherstatistik

Besucherstatistik

Monitoring

Montastic status badge