Home/ Questions/Q 8069591
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T13:06:00+00:00

This is a super simple issue that I can’t figure out. I want to

  • 0

This is a super simple issue that I can’t figure out.

I want to have a drop shadow go all the way across the bottom of a div. As it is, it covers most of the bottom:

enter image description here

And here is the code:

box-shadow: 0px 20px 15px -15px rgba(0, 0, 0, 0.49)

I need the shadow to go all the way across on both sides.

Thanks

EDIT: Am I going about this wrong? Should I be using some other CSS property?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To avoid the top shadow, add vertical offset and adjust your other parameters accordingly. In addition, set the spread distance to be 0 or greater and you’ll cover your horizontal border.

    Start with this:

    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.49)

    If you’re not getting the full horizontal border covered, increase the 4th value slightly until it looks good. Adjust your vertical offset accordingly as well if needed.

    It would be helpful to see your html / css for the actual box as well.

    • 0