CSS Background Pattern

Generate and customize CSS instantly

Pattern Type

Primary Color

Secondary Color

Size: 20px

CSS Code

.pattern {
  background-color: #ffffff;
  background-image: radial-gradient(circle, #667eea 2px, transparent 2px);
  background-size: 20px 20px;
  background-position: 0 0;
}