#spacing CSS effects

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

Long phrases and clipped ones alternate, split by beats of two different lengths.

Border spacing turns every row into a floating rounded card with its own shadow.

The space between two nodes grows with the wait, and the gap itself is labelled.

Popular tags