Как сделать подсветку картинки?

Question

[Yes It's matrik]

Как сделать вот такую подсветку по краям с помощью filter?

Comments

[Сергей delphinpro]

Разместить несколько элементов под картинкой с подходящими box-shadow

[Rustam Bainazarov]

Можно задвоить картинку, нижнюю при этом размыть с помощью blur, а также поднять ей яркость и контраст, чтобы яркие участки были более выраженными и не теряли своей цветности. Это самый эффективный способ создания таких теней.

Либо можно сделать примерно то же самое, но с абсолютно позиционированными элементами, расположенными под картинкой.

Либо можно геморроится с множественными box-shadow.

Answer 1

[Rustam Bainazarov]

Можно задвоить картинку, нижнюю при этом размыть с помощью blur, а также поднять ей яркость и контраст, чтобы яркие участки были более выраженными и не теряли своей цветности. Это самый эффективный и простой способ создания таких теней:


Если лень включать VPN для JSFiddle, то результат такой:


Либо можно сделать примерно то же самое, но с абсолютно позиционированными элементами, расположенными под картинкой.

Либо можно геморроится с множественными box-shadow.

Answer 2

[Galdar Turin]

Вот что-то похожее, честно скажу, сам не пробовал, но что-то тут описано
https://lospirata.ru/blog/webdev/sozdanie-effektno...