#rounded CSS effects

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

An oversized touch target with a thick channel and a knob the size of a fingertip.

One soft rounded shell with the content above and a chalk thumb sliding below.

A plum card carrying a mint to blush fill that follows a warm cream handle.

A soft rounded shell clips the table so the first and last rows curve with it.

Every row is a fully rounded pill and hovering slides a warm fill across it left to right.

Popular tags