Как сделать сетчатый фильтр для фотографии на css?

Question

[Алексей Королёв]

Использую на сайте большой слайдер. Хотелось бы сделать поверх картинки что-то вроде сетки чёрной, чтобы фото смотрелось красивее и темнее. Какие варианты есть?

Answer 1

[Владислав Токарев]

Привет. Что-то наподобие этого: https://codepen.io/Woksy/pen/gBbNXK
Достигается за счёт псевдоэлемента + 2 линейных градиента. Размер, цвет регулируется по усмотрению

Comments

[Алексей Королёв]

Спасибо большое!
Использовал вот так

position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-image: linear-gradient(black 1px, transparent 1px), linear-gradient(120deg, black 0px, transparent 1px);
  background-size: 2px 2px, 2px 2px, 10px 10px, 10px 10px;
  background-position: -0,5px -0,5px, -0,5px -0,5px, -0,5px -0,5px, -0,5px -0,5px;