Patterns

CSS Patterns

Generate CSS background patterns — wavy, isometric, polka, zigzag, and more.

Preview

CSS

.pattern {
  background-color: #ffffff;
  background-image: radial-gradient(#d4d4d8 1px, #ffffff 1px);
  background-size: 20px 20px;
  opacity: 1;
}