block by nitaku aff4f425e7959290a1f7

Halos

Full Screen

A comparison between two common techniques for drawing halos to make labels readable regardless of the background color.

The first technique creates two SVG <text> elements one upon each other. The one in the background has a white stroke, while the one in the foreground has a black fill.

The second technique declares a combination of CSS text-shadows on a single text.

index.js

index.html

index.coffee

index.css