7.1 Drop Shadows: the ‘box-shadow’ property

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