Криво собрал сюрикен. Не могу сделать так, чтобы он повторялся. Подскажите где ошибка, и в каком направлении двигаться.
.pattern {
height: 100%;
background-size: 115px 115px, 45px 45px, 45px 45px, 45px 45px, 45px 45px, 45px 45px, 45px 45px;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
background-image: none,
linear-gradient(45deg, transparent 35px, #555555 35px),
linear-gradient(135deg, transparent 35px, #555555 35px),
linear-gradient(225deg, transparent 35px, #555555 35px),
linear-gradient(315deg, transparent 35px, #555555 35px),
linear-gradient(315deg, transparent 35px, #000000 35px),
linear-gradient(135deg, transparent 35px, #000000 35px);
background-position: 0 0, -5px 35px, 32px -9px, 77px 30px, 39px 74px, 39px 35px, 33px 30px;
}
Ineska
2
Ох, как много вы написали…
Посмотрите эту тему, разбирали на прошлой неделе задание.
.pattern {
height: 100%;
background-size: 115px 115px;
background-repeat: repeat;
background-image:
linear-gradient(45deg, #555 25px, transparent 25px),
linear-gradient(135deg, #555 25px, transparent 25px),
linear-gradient(225deg, #555 25px, transparent 25px),
linear-gradient(315deg, #555 25px, transparent 25px),
linear-gradient(315deg, #000 25px, transparent 25px),
linear-gradient(135deg, #000 25px, transparent 25px)
;
background-position:
70px -45px,
35px 70px,
-80px 35px,
-45px -80px,
-45px -45px,
35px 35px
;
}
body {
min-width: 565px;
min-height: 298px;
background-image: url("bamboo.jpg");
background-repeat: repeat;
background-position: 0 0;
}
html,
body {
margin: 0;
height: 100%;
}