#geometric CSS effects

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

A clip path notch cuts the top right corner and a diagonal accent lights the seam.

A primary coloured arch fills with yellow to the current value beside a disc, a square and a wedge.

Primary square, circle and wedge sit over a cream board with a bold two colour rail.

Popular tags