#repeating-gradient CSS effects

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

A vented brake-disc rail with a red centre detent and a clamp-shaped handle splitting bias.

Pure black and pure white only: the filled span is wound with a tight diagonal coil.

A dashed chalk line stands in for the rail under a soft powdery handle.

Fine vertical striations give the rail and the flat handle a brushed steel finish.

The rail is cut into five lit segments so every step lands on a visible block.

Popular tags