#legend CSS effects

5 free, pure-CSS effects match the "legend" tag. Each is copy-ready and needs no library or build step.

Colour coded category groups where the open group borrows its own hue.

A storage warning built from a three segment usage bar with a colour coded legend.

One track carrying three stacked segments plus a legend that colour codes each slice.

The rail is banded into low, mid and high zones with a matching legend underneath.

Every instalment carries a hard stop bar showing how much of it is principal and how much interest.

Popular tags