#outline CSS effects

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

Fat ink outlines, flat candy fills and a speech bubble tag give a comic panel feel.

A full outlined frame with two blinking corner brackets marks a read only state.

A dashed outline note whose border quietly brightens and dims on a slow cycle.

Outline rings instead of shadows expand outwards from the transparent avatar.

An SVG dash segment travels around the avatar as a continuously drawn contour.

Hollow stroked words alternate with solid ones as the ruby strip cycles past.

Popular tags