Как сделать Box-Shadow только с одной стороны?

Question

[AhmedGasem]

Надо у кнопки сделать тень сверху и при этом она должна быть с внутренней стороны

Answer 1

[tema_sun]

www.cssmatic.com/box-shadow
Ползунки подвигаете - разберетесь.

Answer 2

[HamSter]

Через запятую задаете значения:

box-shadow: 0px -5px 5px red,
              inset 0px 5px 5px blue;

Answer 3

[Олег]

через градиент https://jsfiddle.net/joomla/6dqsrme3/1/

Answer 4

[trushka]

что-то типа box-shadow: inset 0px 10px 5px -5px - последнее значение как-бы растягивает или сжимает всю тень. Но если тень внутренняя - то наоборот. То есть в данном случае будет внутренняя тень, но как будто бы от блока на 5px большего во все стороны. По этому будет видно только тень сверху