CSS Наложение внутренней тени на IMG изображение

Придумал еще один вариант CSS-наложения внутренней тени на IMG изображение.




Нужно обернуть картинку в DIV.

Назначить картинке CSS-свойство: mix-blend-mode: multiply

А на DIV наложить внутреннюю тень box-shadow: inset 0 0 8px rgba(0,0,0,.6); width:max-content;

Если при этом фон страницы не белый, нужно также добавить белый фоновый цвет для DIV, чтобы не было наложения на картинку.

См. пример

0
0

Комментарии


Ваше имя:
Ваш вопрос или комментарий:
Жирный
Цитата
: )
Введите код:

Закрыть


Добавьте в соц. сети:
© 1999—2023, Влад Мерк
Работает на CMS «Движок»