Как сделать красивый Box Shadow для изображения?

Question

[Demigodd]

Как можно сделать Box Shadow Для этой Иконки ? Что бы все было красиво, тень был снизу иконки а не в каком то квадрате.
Ссылка на Jsfiddle

Answer 1

[Roman]

filter: drop-shadow()

https://jsfiddle.net/La8uz9dq/

Answer 2

[Andrej Sharapov]

Вы можете использовать библиотеку теней https://madeas.github.io/box-shadows и выбрать оптимальный вариант, но для пнг изображений да, как написал Роман, лучше использовать drop-shadow

Answer 3

[htmlcssseo]

https://html5css.ru/cssref/css3_pr_filter.php

<style>
img {
    -webkit-filter: drop-shadow(8px 8px 10px gray); /* Safari 6.0 - 9.0 */
    filter: drop-shadow(8px 8px 10px gray);
}
</style>