Please could you tell me how to put a shadow to an <img> element?


Current behavior

The two codes that don't work:



var(–primary) changed to #8b5cf6

The output:

I believe you need to use drop-shadow for this.

LegoManiac04 wrote:

I believe you need to use drop-shadow for this.

But it worked in the past, less than 2 months ago I used box-shadow for an image
But thanks for your answer, it works now!

Hum but now it doesn't seem to accept hex colors, that's boring!

happex wrote:

Hum but now it doesn't seem to accept hex colors, that's boring!

It does, but you need to remove the last “0” – drop-shadows can't have a spread radius.

happex wrote:

But it worked in the past, less than 2 months ago I used box-shadow for an image

box-shadow is always rectangular (around the entire image). drop-shadow will match the shape of the image if it has transparent areas.

Maximouse wrote:

box-shadow is always rectangular (around the entire image). drop-shadow will match the shape of the image if it has transparent areas.

Yeah i know, but no shadow appeared, even in rectangular.

Maximouse wrote:

It does, but you need to remove the last “0” – drop-shadows can't have a spread radius.

Okay, I will try, thanks alot!