Как сделать бэкграунд

#html #css

Не могу понять каким образом  создавать подобные бэкграунды не используя заранее
заготовленное изображение.


    

Ответы

Ответ 1

Что-то похожее



.variant1,.variant2{
  height:50vh;
  border:1px solid;
}
.variant1{
  background:repeating-linear-gradient(-45deg, #6ac4e6 200px,#61c0e7 250px);
}
.variant2{
  background:linear-gradient(-45deg,#6ac4e6 47%,#61c0e7 50%);
  background-size:50px 50px;
}




Ответ 2

Без изображений создать данный фон крайне сложно: создается много div-ов на заднем
плане через for на js с абсолютной позицией на заднем плане. Паттерн (форма секции)
создается через свойство border. 
Альтернатива: делается одна секция фона и задается фоновым изображением:

body{
background-image: url("1.png");
}


секция повторяется много раз и закрывает фон. Настройка повторения: св-во repeat в css.
Можно самим создать данный паттерн: Сайт PatternNinja