This CSS test case requires JavaScript
"inset" Keyword Test for box-shadow | -moz-box-shadow | -webkit-box-shadow | CSS Property
-webkit-box-shadow
-moz-box-shadow
box-shadow
CSS 3 box-shadow property, inset keyword and spread radius test case
inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? && <color>? ]
BTW, shadows in Gecko 2 (Firefox 4 and later) are stronger blurred than in Gecko 1.9.x (Firefox 3.5—3.6).
For identical results use this relationship for <blur-radius> values:
• blurRadius(-moz-box-shadow) ≈ blurRadius(box-shadow) × 1.4
• blurRadius(box-shadow) ≈ blurRadius(-moz-box-shadow) × 0.7
Example:
-moz-box-shadow: inset 0.3em 0.3em 1.3em black; /* Fx 3.5-3.6 */
box-shadow: inset 0.3em 0.3em 0.9em black; /* Fx 4; CSS3 */
0.5em -0.5em 0.4em red,
0.5em 0.5em 0.4em gold,
-0.5em 0.5em 0.4em lime,
-0.5em -0.5em 0.4em blue;
0 0 0 0.5em;
0 0 1em;
1em 0.5em;
1em 0.5em 1em;
0.3em 0.3em silver;
0.3em 0.3em 0 0.6em silver;
0 0 1em maroon;
0 0 1em 0.5em maroon;
-0.4em -0.4em 1em olive;
0.4em 0.4em 1em olive;
0.4em 0.4em 1em -0.2em olive;
0.4em 0.4em 1em 0.4em olive;
inset 0.2em 0.4em red, inset -1em -0.7em red;
inset 3em 0 red;
inset 0 0.3em red;
inset -0.5em 0 red;
inset 0 -1.1em red;
inset 0 0 0.5em blue;
inset 0 0 2em blue;
inset 0 2em 3em -1em green;
inset 0 2em 3em -2em green;
inset 0 2em 3em -3em green;
inset 0 0 1em khaki;
inset 0 0 1em khaki, inset 0 0 1em khaki, inset 0 0 1em khaki, inset 0 0 1em khaki;
inset 0 0 1em 0.3em khaki;
inset 0 2em 3em -1.5em green, inset 0 -2em 3em -2em blue;
inset 1em 1em 2em -1em blue;
inset 1em 1em 2em -1em blue, inset -1em -1em 2em -1em red;
inset 0 2em 3em -2em white, inset 0 -2em 3em -2.5em black; /* background:red */
inset 1em 1em 1em -1em white, inset -1em -1em 1em -1em black; /* background:red */
inset -1em -1em 1em -1em black, inset 1em 1em 1em -1em white; /* background:red */
inset -0.3em -0.3em 0.6em rgba(0,0,0,0.5), inset 0.3em 0.3em 0.6em rgba(256,256,256,0.7);
inset 0.3em 0.3em 0.6em rgba(256,256,256,0.5), inset -0.3em -0.3em 0.6em rgba(0,0,0,0.5);
inset -3em 0 3em -2em blue;
0.2em 0.2em 0.7em black, inset 0 0 0.7em red;
Mit freundlicher Unterstützung von
Elektronotdienst Nürnberg