Как сделать такой фон?

Question

[Slasherr]

Ребят, всем привет. Подскажите пожалуйста как сделать такой фон?
Он будет идти как оверлей над картинкой, но хз как его сделать.
Сам background


Как должно быть


Всем спасибо!

Answer 1

[Андрей Федоров]

это мульти бэкграуднд.

.container {
   background-image: linear-gradient(rgba(0,200,255,.5), rgba(200,0,255,.5)), url(pic.jpg);
}

Answer 2

[Олег]

Градиентом https://jsfiddle.net/1cbubaho/

Comments

[Slasherr]

Картинка топ=)

Answer 3

[Alexander Pushkarev]

Повесить градиент на псевдокласс и задать ему прозрачность

Answer 4

[w_b_x]

Ловите готовый код, просто добавьте к нужному изображению в class: cool-overlay

.cool-overlay{
   position:relative;
}
.cool-overlay:after{
   content:"";
   position:absolute;
   height:100%;
   width:100%;
   top: 0;
   left: 0;
   background: linear-gradient(rgba(0,200,255,.5), rgba(200,0,255,.5));
}