Demigodd
@Demigodd

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

Как можно сделать Box Shadow Для этой Иконки ? Что бы все было красиво, тень был снизу иконки а не в каком то квадрате.
Ссылка на Jsfiddle
  • Вопрос задан
  • 474 просмотра
Решения вопроса 2
@r_zaycev
filter: drop-shadow()

https://jsfiddle.net/La8uz9dq/
Ответ написан
Комментировать
Madeas
@Madeas
UI / UX Designer, Frontend Developer
Вы можете использовать библиотеку теней https://madeas.github.io/box-shadows и выбрать оптимальный вариант, но для пнг изображений да, как написал Роман, лучше использовать drop-shadow
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@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>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы