Shadow Effect
The shadow font effect renders a coloured copy of text with an offset, giving the effect of a shadow.
The effect has the following properties:
<name>-offset-x
Value: | <number> |
Initial: | 0 |
Percentages: | N/A |
<name>-offset-y
Value: | <number> |
Initial: | 0 |
Percentages: | N/A |
These properties define the offset, in pixels, between the source text and the shadow.
<name>-offset
A shorthand property for setting offset-x and offset-y.
/* Declares a font effect shadow. */
h1
{
header-font-effect: shadow;
header-offset: 2px 2px;
header-colour: black;
}