Help wanted for Creating fancy letterheaded paper

This is a task:https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Creating_fancy_letterheaded_paper#the_logo
It says:”Now comment out the filter and implement the drop shadow in a different (slightly more cross-browser compatible) way, which still follows the shape of the round image”
How else can I add a shadow to an image other than “filter: drop-shadow ()”?
Thank you for your help.

Hi @zhao19940701 and welcome to the community :wave:

With box-shadow | MDN you can use shadows with almost all elements. Unfortunately those shadows are normally rectangular (they follow the elements box). There is an exception to that which is described in the second paragraph of the linked article. Can you spot it? We can use this exception because the image is a nice circle.

This hint may be a bit to cryptic, but I didn’t want to spoil the fun :slightly_smiling_face:
Feel free to ask for a more detailed explanation if this doesn’t help enough.

Michael

Thank you :smile:
I suddenly understand.

I can change the radius of the box to 50%,“border-radius: 50%”,isn’t it a circle then? Ha ha

1 Like