Home/ Questions/Q 9244509
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T09:03:10+00:00

How do I get a drop shadow to spread the full width of an

  • 0

How do I get a drop shadow to spread the full width of an element. This is what I have right now but I’m it’s falling short of spreading horizontally across the element.
As you can see at the right and left of the image the shadow is inset I need it to span the entire width. 

box-shadow: 0 8px 6px -6px black;

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your negative spread-radius is causing that. Change the -6px to some positive value:

    box-shadow: 0 8px 6px 6px black;

    jsFiddle example

    According to the MDN:

    Positive values will cause the shadow
    to expand and grow bigger, negative values will cause the shadow to
    shrink. If not specified, it will be 0 (the shadow will be the same
    size as the element).

    • 0