Как через сss cделать подобный оверлей?

Question

[Виталий Фролов]

Хочу сделать подобный оверлей для своих блоков с фото,подскажите как сделать такое наложение поверх фото. Думаю что можно сделать через after...

Comments

[Сергей Горячев]

Как бы это странно ни звучало, но мне Владимир нравится %)

Answer 1

[Froggyweb]

gradient от зеленого на прозрачность RGBA

Answer 2

[Bondi]

Цвета и размеры подгоняем под свой проект. Задаем произвольный блок:
<div class="block"></div>

Прописываем стили:

.block {
  width: 150px;
  height: 300px;
  background: linear-gradient(to bottom, transparent 50%, rgba(0, 153, 76, .7));
}

А по этой ссылке более подробно https://webref.ru/css/value/linear-gradient

Answer 3

[Aleksey Solovyev]

Ну и я свою кину - https://codepen.io/janeRivas/pen/zEdBNW