Как дать тень на изображение

изображение с эффектом тени, это JPG изображения,

Как дать тень на изображение

Вот изображение PNG, где создать тень:

Мой код:

img.image-shadow { 
 
    \t box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); 
 
    }

<body> 
 
    <img class="image-shadow" src="http://i.stack.imgur.com/CtIqi.png"> 
 
</body>

источник

2016-06-15 Saika

Попробуйте это, чтобы добавить тень под вашим изображением,

img{ 
-webkit-filter: drop-shadow(0px 16px 10px rgba(0,0,225,0.6)); 
-moz-filter: drop-shadow(0px 16px 10px rgba(0,0,225,0.6)); 
-ms-filter: drop-shadow(0px 16px 10px rgba(0,0,225,0.6)); 
-o-filter: drop-shadow(0px 16px 10px rgba(0,0,225,0.6)); 
filter: drop-shadow(0px 16px 10px rgba(0,0,225,0.6)); 
}

источник

2016-06-15 06:57:38 frnt

Thank You, Its Working – Saika

Добро пожаловать @Sarika ... – frnt

Вы должны использовать drop-shadow свойство вместо box-shadow

http://bricss.net/post/33158273857/box-shadow-vs-filter-drop-shadow

Это также рассматривается в предыдущей С.О. статье:

CSS box shadow around a custom shape?

Обратите внимание, что он не поддерживается широко, но есть другие способы достижения того, что вы хотите в SO-ссылке.

источник

2016-06-15 07:01:44

Спасибо, его работа – Saika

Нет проблем. Я заметил, что @frnt отправил свой ответ раньше, чем я, но я останусь здесь из-за ссылок. –

Waw! Впечатляюще! – Mantisse

-2

Вам нужно будет использовать какой-либо онлайн-инструмент, который сначала создаст графическую форму SVG поверх вашего изображения, а затем применит тень на фигуре.

~~Я не знаю такого инструмента, но~~ вам нужно подумать о том, что вы хотите сделать в CSS, прежде чем готовить свой образ в программном обеспечении.

источник

2016-06-15 07:02:34 Mantisse

Как дать тень на изображение

ответ

Смежные вопросы