Chapter 7 - Miscellaneous Effects - 7.1 Drop Shadows: the ‘box-shadow’ property
Go to the relevant page of the specification.
- box-shadow-001 (internal)
-
Positive value of horizontal offset
A positive value for the horizontal offset of the 'box-shadow' draws a shadow that is offset to the right of the box. - box-shadow-002
-
Positive values for spread distance
Positive values of the spread distance cause the shadow to grow in all directions by the specified distance. - box-shadow-004
-
Negative value for blur radius
Negative values for the blur radius of the 'box-shadow' are not allowed. - box-shadow-005
-
Box-Shadow property
Testing simple drop shadow with the box-shadow property - box-shadow-blur-definition-001
-
blur computation for box-shadow
the resulting shadow must approximate (with each pixel being within 5% of its expected value) the image that would be generated by applying to the shadow a Gaussian blur with a standard deviation equal to half the blur radius - box-shadow-inset-spread-without-border-radius
-
box-shadow
inset spread box-shadow should show shadow. - box-shadow-inset-without-border-radius
-
box-shadow
inset box-shadow should show shadow. - box-shadow-outset-spread-without-border-radius
-
box-shadow
outset spread box-shadow should show shadow. - box-shadow-outset-without-border-radius
-
box-shadow
box-shadow should show shadow. - box-shadow-syntax-001
-
Box Shadow Syntax: Reordering Components
Box shadow color, inset, and length parameters can be mixed in any order, but lengths must stay adjacent. - css-box-shadow-001
-
CSS box-shadow Test