CSS Pattern Generator

Create stripes, dots, waves, and grid patterns with CSS

Size20px

Angle45°

Color 1

Color 2

.pattern {
  background: repeating-linear-gradient(
  45deg,
  #000000,
  #000000 20px,
  #ffffff 20px,
  #ffffff 40px
);
}