#ribbon CSS effects

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

A page wide ribbon that rolls up around its spindle when the close cross is clicked.

A diagonal ribbon is clipped into the corner of the tile and a spark twinkles beside it.

Two ribbon ends draw together and a knot pops into being where they cross.

Popular tags