【css】repeating-radial-gradient()関数を重ねることでユニークな模様も1行で完結

background-image: repeating-radial-gradient()を使うことで
上記のような複雑な模様も作ることができる、、、とのこと。
(笑)

ポイントはrepeation-radial-gradientを重ねること

    background-image: 
      radial-gradient(A),
      radial-gradient(B),
      radial-gradient(C);
    background-size: (A), (B), (C);
    background-repeat: (A) , (B) , (C);

こういったいった風に、一つのbackground-imageプロパティに対して
radial-gradientを複数重ねます。
　
background-size、background-repeatも
コンマ( , )で区切ることでそれぞれの関数に当てることが可能です。

See the Pen repeating-radial-gradient() 重ね合わせる by たまき こう (@ulqvhvox) on CodePen.

参考までに