#monogram CSS effects

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

An SVG stroke writes the monogram and then underlines it before restarting the loop.

An oversized ghost letter sits behind the monogram and slides away on hover.

One very heavy letter carries a moving metal gradient with no disc around it.

The monogram swaps for a drawn plus glyph so the tile doubles as an add action.

Popular tags