Фильтр Drop-Shadow для изображений

У вашего броузера проблема в совместимости с HTML5

Исходные материалы к уроку тут: https://t.me/webformyself/2813

Сегодня сложно представить себе современный сайт, на котором бы не использовались тени. Благодаря теням можно обратить внимание на тот или иной элемент, сделать его объемным и более привлекательным.

Для работы с тенями используется свойство box-shadow. Но что если тень необходимо задать для изображения? При этом данное изображение является прозрачным, к примеру, это PNG. Полагаю, вы знаете, что box-shadow вряд ли даст красивый результат. Однако, есть интересный фильтр drop-shadow, который и будет показан в данном уроке.