Box-Shadow on one side only - how?

Question

css

Box-Shadow only on one side - how?
Here I want a shadow only on the right. How to do?

Answer 1

codepen.io/iiil/pen/FAqjn

Answer 2

css3gen.com/box-shadow

Answer 3

just make the shadow offset on one side in the positive or negative direction:
box-shadow 0px -7px 10px -9px #000000
the first parameter is to move the shadow on the x, the second - on the y. In my example, the shadow is on the top side. Play with the parameters and get the desired result. I'm sure you've already found the answer to your question

Answer 4

I suffered a little with box-shadow and decided this (it was necessary from above)

background: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 20%)