+ 10

How to create a shadow around a background picture?

2nd Apr 2019, 4:32 PM
Sanja Malovic
Sanja Malovic - avatar
9 Answers
+ 5
<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..
2nd Apr 2019, 7:29 PM
Ankush
Ankush - avatar
+ 5
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
3rd Apr 2019, 6:02 PM
Sanja Malovic
Sanja Malovic - avatar
+ 3
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 );
3rd Apr 2019, 9:45 PM
Pete Wright
Pete Wright - avatar
+ 3
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
3rd Apr 2019, 10:30 PM
Sanja Malovic
Sanja Malovic - avatar
+ 3
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?
4th Apr 2019, 3:35 AM
Sanja Malovic
Sanja Malovic - avatar
+ 2
Not working.
2nd Apr 2019, 9:19 PM
Sanja Malovic
Sanja Malovic - avatar
+ 1
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.
3rd Apr 2019, 4:42 PM
Печников Никита Александрович
0
Use the box-shadow property around the elements
3rd Apr 2019, 6:52 AM
David O. Capo Chichi
David O. Capo Chichi - avatar