The shadow font effect renders a coloured copy of text with an offset, giving the effect of a shadow.

The effect is declared as:

font-effect: shadow( <offset-x> <offset-y> <color> );

Its properties are specified by the following.

offset-x

offset-y

These properties define the offset, in pixels, between the source text and the shadow.

color

The color is applied multiplicatively over the entire effect.

/* Declares a shadow font effect. */
h1
{
	font-effect: shadow( 2px 2px black );
}