#opposite CSS effects

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

Two stacked lanes travel in opposite directions and read as a woven ribbon.

Two hairline rails scroll along the top and bottom edges around a still headline.

A field of dots creeps to the right underneath a caption that travels to the left.

Two oversized translucent lines overlap vertically and slide through one another.

Effects tagged #opposite