Как сделать такой фон не картинкой, а с помошью градиента?

Question

[boxFight]

текущий код ниже
https://jsbin.com/xihapuqohu/edit?html,css,output

Answer 1

[Егор Иванов]

Для начала нужно понять, какие цвета используются в изображении и сделать между ними переход, нужно взять пипетку. Затем, Воспользоваться CSS-синтаксисом linear-gradient) и подобрать цвета и угол градиента. Это можно сделать в любом сервисе по генерации и подбору градиентов. Например, здесь. В результате должно получиться примерно так:

background: 
       linear-gradient(000deg, rgba(XX,XX,XX,1) 0%,  rgba(XX,XX,XX,1) 30%,  rgba(ZZ,ZZ,ZZ, 1) 100%);