Repeating CSS pattern generator

A local CSS pattern generator from a description: dots, squares, triangles, stripes, checkerboard and crosses, a grid from 1×1 to 12×12, up to six colours, gaps, rotation, stripe angle and opacity; the output contains ready CSS with layer, size and position lists, a .css file and an SVG preview of the same grid.

Fill in the fields, run the tool and review the result. Your input is not added to a public page. Use the learning mode for calculation details.