Всё вроде получилось но вот дробные проценты только пришлось использовать, иначе не сходились размеры сюрикенов
.pattern {
height: 100%;
background-size: 115px 115px;
background-repeat: repeat;
background-image: none;
}
body {
background: url("/assets/course70/bamboo.jpg");
min-width: 555px;
min-height: 298px;
}
html,
body {
height: 100%;
margin: 0;
}
.pattern{
background-image:
linear-gradient(45deg, #555 15.5%, transparent 15.5%),
linear-gradient(225deg, #555 15.5%, transparent 15.5%),
linear-gradient(135deg, #555 15.5%, transparent 15.5%),
linear-gradient(315deg, #555 15.5%, transparent 15.5%),
linear-gradient(315deg, #000 15.5%, transparent 15.5%),
linear-gradient(135deg, #000 15.5%, transparent 15.5%);
background-position: 70px -45px,
-80px 35px,
35px 70px,
-45px -80px,
-45px -45px,
35px 35px;
}
/*
Используемые цвета: #000000 и #555555
Используемые значения background-position для частей сюрикенов:
70px -45px,
-45px -80px,
35px 70px,
-80px 35px,
35px -45px,
-45px 35px
*/