Can’t make box-shadow on bottom

Question

I need box-shadow only in bottom of block and width need to be 100%. Box-shadow works if there is width with px but not works with 100% width. What is the problem?

Possible duplicate of [CSS Box Shadow Bottom Only](https://stackoverflow.com/questions/4561097/css-box-shadow-bottom-only) — vargaadam, Nov 27 '19 at 08:25

score 0 · Answer 1 · answered Nov 27 '19 at 07:36

0

Can you post the code that is not working for you? A box-shadow on an element with 100% width should work just fine.

div{
  background: silver;
  box-shadow: 5px 5px 5px blue; 
}

<div>
  test
  </div>

answered Nov 27 '19 at 07:36

JasperZelf

2,731
1
22
34

score 0 · Answer 2 · answered Nov 27 '19 at 07:51

0

You can use something like below CSS.

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

        
div{
  background: silver;
  box-shadow: 0 8px 6px -6px red;
}

<div>
  Demo
 </div>

answered Nov 27 '19 at 07:51

Pushprajsinh Chudasama

7,772
4
20
43

score 0 · Answer 3 · answered Nov 27 '19 at 08:47

0

It would make it easier for everyone if you shared your code.

answered Nov 27 '19 at 08:47

808Squad

11
5

Can’t make box-shadow on bottom

3 Answers3