Прозрачность на изображении не работает вместе с box-shadow

Question

Итак, я пытался добавить тень к своим изображениям и столкнулся с некоторой проблемой. Используемые изображения - это PNG вырезанных продуктов, но они имеют круглую рамку, поэтому здесь видно несколько прозрачных углов:

Это мое изображение в фотошопе:

Теперь, если я добавлю их на свой сайт и поставлю на них тень от тени, это будет результат:

Там такие бело-серые углы, которые выглядят довольно плохо. Есть ли обходной путь для этого?

Заранее спасибо.

Answer 1

Проблема заключается в самом изображении, а не в тенях, в том, что бело-серые углы являются частью изображения, и вы не можете ничего сделать с помощью css, чтобы исправить это; вам нужно снова импортировать изображение из фотошопа без что углы.