#initials CSS effects

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

Two translucent letters overlap in screen blend and drift apart when hovered.

Two concentric rings hold the initials and the outer halo widens on hover.

A single initial rides a cold gradient that keeps sliding across the disc.

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

Popular tags