CSS Patterns

Check out the following CSS background patterns that you can add to your website. CSS3 allows you to create some complex background patterns. These are but a few.

Zig-Zag Background Patterns

Use linear-gradient() to create a zig-zag effect. More Zig-Zag Patterns.

Circular Background Patterns

Use radial-gradient() to create circular background effects. More Circular Patterns.

Background Stripes

Use linear-gradient() and repeating-linear-gradient() to create background stripes. More Background Stripes.

Linear Background Patterns

Use linear-gradient() to create backgrounds with straight lines — either vertical, horizontal, or both. More Linear Patterns.