3

Можно ли средствами CSS установить тень для изображения в формате PNG так, чтобы тень была изогнутой и следовала за изгибами изображения?

0

1 ответ 1

9

Можно воспользоваться свойством filter

#img {
  -webkit-filter: drop-shadow(3px 5px 5px #000);
  filter: drop-shadow(3px 5px 5px #000);
}
<img id="img" src="https://image.ibb.co/ebs4kL/share.png" alt="">

4
  • Подскажите, а можно так же сделать со свойством border? 25 дек 2015 в 11:58
  • @ИванСмирнов Можно попробовать добиться желаемого результата "поигравшись" всё с тем же drop-shadow. Убрать размытие (параметр перед цветом) и пробовать экспериментировать. Пример можно посмотреть тут 25 дек 2015 в 12:08
  • Я щас с мобилки и тени нету , т.е что ваш пример не кроссбраузерный
    – user33274
    28 дек 2015 в 1:53
  • @LenovoID по ссылке, которую я также привёл в сообщении можно ознакомится со всеми нюансами совместимости. 28 дек 2015 в 6:45

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.