#frame CSS effects

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

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

A one pixel gradient frame circles the card while its colours rotate around the edge.

Twelve separate dots replace the border and light up one after another around it.

Two laurel arcs orbit the portrait above a clipped award ribbon tail.

The caption stays calm while the frame around it breathes with a slow outer glow.

Popular tags