#repeating-linear-gradient CSS effects

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

A bobbin seen side on where the wound thread covers the core and the loose strand keeps tugging.

A level badge sits beside an experience bar that is divided into ten notched tenths.

Diagonal hazard stripes fill the track to sixty percent with a hard edged onyx frame.

The violet fill carries a striped overlay that slides sideways forever while the width stays put.

A monochrome engraving plate where dense cross hatching marks the value under a ghosted numeral.

An engraved calibration ruler with minor and major graduations under a dropped cursor.

Popular tags