#triangle CSS effects

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

A folded triangle marks the top right corner and shifts hue as the notice idles.

Two triangular pointers guard the ends of the window and breathe toward the centre.

A triangle fills from its base toward the apex with a dashed rule pinned at the reached level.

A clipped flint arrowhead points down at the rail like a ruler marker.

Popular tags