Home/ Questions/Q 9046967
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T11:47:18+00:00

Is there a way to create a rounded shadow effect underneath a square image

  • 0

Is there a way to create a rounded shadow effect underneath a square image such as the one in the image?

I was also looking at this website which says that this sort of effect is possible, but their description of the code implementation is really ambiguous.

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think I figured it out. I basically used the spread property of the Box Shadow to shrink its width smaller than the element which it was associated with. It is the fourth px element in this code:

    box-shadow: 0px 30px 40px -25px rgba(0, 0, 0, 1);

    I then moved the shadow down vertically until I was happy with how much shadow it was showing.

    Demo Here

    • 0