#underline CSS effects

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

A borderless message underlined by a stripe that keeps redrawing itself from the left.

Hovering grows a faint half underline first, so the click only completes the line.

A borderless two-letter mark that inverts while its name underline draws in.

A slim progress rule refills under the rail, marking each pass of the moving caption.

Tabs pushed to the right of a titled bar, marked by a widening sand coloured rule.

A stripped down table where hovering a row draws an underline beneath its label.

Popular tags