How to create a shadow around a background picture?

Answer 1

<img-shadow: 3px 4px 5px blue;
Shadow color will be blue.
And x-axis 3px y-axis 4pc and z-px 5px..

OR

If doesn't work another code can be used..
Box-shadow:4px 6px 3px gray;
Shadow color is gray..

Answer 2

Img-shadow isn't working. Box-shadow is not something i want.
https://code.sololearn.com/WeSbO5RMqKQ5/?ref=app
I want the picture 100% width with shadow on the bottom

Answer 3

https://stackoverflow.com/questions/17514677/how-to-create-a-shadow-around-a-background-image

Answer 4

Sanja Malovic

Take a look at this post:
https://stackoverflow.com/questions/17514677/how-to-create-a-shadow-around-a-background-image

Shadow on background images works by adding a filter:
-webkit-filter: drop-shadow( -5px 5px 5px #000 );
filter: drop-shadow( -5px 5px 5px #000 );

Answer 5

Filter:drop-shadow works exactly like box-shadow.
I found one solution, still not what i wanted but will do for now.

https://code.sololearn.com/W3du2pWQD5qr/?ref=app

Answer 6

https://code.sololearn.com/W2ZOtkdjCHiv/?ref=app

Not working.
And the background image shouldn't be repeated. Where will the shadow be if the image is all over?

Answer 7

Not working.

Answer 8

try writing in css box-shadow or img-shadow.
the first value is left or right shift-2px/5-left shift 2px/5 shift to right.
the second value is shift up or down by analogy.
And the third value is the blurring of the shadow.

Answer 9

Use the box-shadow property around the elements