Avatars — 100 CSS effects

Profile frames, presence dots, initials, and stacked avatar groups.

Pure CSS with no dependencies or build step. Open any effect for a live preview, source code, and browser editing.

Page 2 of 2

Skill chips beside the avatar rise one after another when the row is hovered.

Initials are punched out of the coloured disc so the dark bench shows through.

A compact card pairing the avatar with a single biography line and an accent edge.

An ordered podium list where the first three places carry their own metal ring.