#hairline CSS effects

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

Washi paper, one vermilion stroke and a single ink hairline with a lone red disc on it.

Two hairline rails scroll along the top and bottom edges around a still headline.

A minimalist reading indicator drawn with one hairline rule, a single tick and widely tracked type.

Everything is one pixel wide: the frame, the rail, the tick comb and the open ring handle.

One hairline rule, one tiny ivory dot and a monospaced readout — nothing else.

Popular tags