Pivoter une texture en CSS

Bonjour,

J'ai trouvé une texture codée en CSS qui m'intéresse mais elle n'est pas dans le bon sens.

Je cherche partout et j'ai testé plein de méthode pour faire la rotation mais je ne trouve pas.

Je précise que je m'en sers comme fond répété sur le fond de mon site, dans une balise "html".

Voilà le code :

html {
background-color:silver;
background-image:
radial-gradient(circle at 100% 150%, silver 24%, white 24%, white 28%, silver 28%, silver 36%, white 36%, white 40%, transparent 40%, transparent),
radial-gradient(circle at 0    150%, silver 24%, white 24%, white 28%, silver 28%, silver 36%, white 36%, white 40%, transparent 40%, transparent),
radial-gradient(circle at 50%  100%, white 10%, silver 10%, silver 23%, white 23%, white 30%, silver 30%, silver 43%, white 43%, white 50%, silver 50%, silver 63%, white 63%, white 71%, transparent 71%, transparent),
radial-gradient(circle at 100% 50%, white 5%, silver 5%, silver 15%, white 15%, white 20%, silver 20%, silver 29%, white 29%, white 34%, silver 34%, silver 44%, white 44%, white 49%, transparent 49%, transparent),
radial-gradient(circle at 0    50%, white 5%, silver 5%, silver 15%, white 15%, white 20%, silver 20%, silver 29%, white 29%, white 34%, silver 34%, silver 44%, white 44%, white 49%, transparent 49%, transparent);
background-size: 100px 50px;
}

Merci beaucoup pour votre aide !

Hello,

Je propose ceci: https://jsfiddle.net/q74hdosv/