if | Patternizer

Rotationº
color
Plaid
opacity
width
gap
offset
.pattern {
  background-color: #ffffff;
  background-image: repeating-linear-gradient(121deg, rgba(58, 156, 214, 0.5) 0px, rgba(58, 156, 214, 0.5) 10px, transparent 10px, transparent 71px),
  repeating-linear-gradient(31deg, rgba(58, 156, 214, 0.5) 0px, rgba(58, 156, 214, 0.5) 10px, transparent 10px, transparent 71px),
  repeating-linear-gradient(122deg, rgba(214, 139, 58, 0.5) 0px, rgba(214, 139, 58, 0.5) 10px, transparent 10px, transparent 71px),
  repeating-linear-gradient(32deg, rgba(214, 139, 58, 0.5) 0px, rgba(214, 139, 58, 0.5) 10px, transparent 10px, transparent 71px),
  repeating-linear-gradient(123deg, rgba(214, 58, 136, 0.5) 0px, rgba(214, 58, 136, 0.5) 10px, transparent 10px, transparent 71px),
  repeating-linear-gradient(33deg, rgba(214, 58, 136, 0.5) 0px, rgba(214, 58, 136, 0.5) 10px, transparent 10px, transparent 71px),
  repeating-linear-gradient(124deg, rgba(161, 59, 214, 0.5) 0px, rgba(161, 59, 214, 0.5) 10px, transparent 10px, transparent 71px),
  repeating-linear-gradient(34deg, rgba(161, 59, 214, 0.5) 0px, rgba(161, 59, 214, 0.5) 10px, transparent 10px, transparent 71px),
  repeating-linear-gradient(125deg, rgba(58, 214, 184, 0.5) 0px, rgba(58, 214, 184, 0.5) 10px, transparent 10px, transparent 71px),
  repeating-linear-gradient(35deg, rgba(58, 214, 184, 0.5) 0px, rgba(58, 214, 184, 0.5) 10px, transparent 10px, transparent 71px);
  background-position: center;
}