|
+
7.1 Drop Shadows: the ‘box-shadow’ property |
|---|
|
box-shadow-001 |
|
|
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
|