Как убрать blur radius в box-shadow по бокам?

Question

[Hellas]

Есть блок с установленной на нём тенью - box-shadow: 0 -2px 6px 0px rgb(238, 238, 238);
Третий параметр 6px отвечает за blur. Он размывает тень по бокам блока, где её быть не должно.

www.cssmatic.com/box-shadow

Answer 1

[GreatRash]

Почему не должно? Как раз должно.

Comments

[Hellas]

Как сделать такую же тень сверху блока, которая создаётся при box-shadow: 0 -2px 6px 0px rgb(238, 238, 238), не добавляя тень по сторонам? Blur размывает тень, но также добавляет размытие и по сторонам.

[GreatRash]

Hellas: Ничо не понял. Картинку показывайте.

Answer 2

[dom1n1k]

Всё работает так как и должно.

Comments

[Hellas]

Как сделать такую же тень сверху блока, которая создаётся при box-shadow: 0 -2px 6px 0px rgb(238, 238, 238), не добавляя тень по сторонам? Blur размывает тень, но также добавляет размытие и по сторонам.

[dom1n1k]

Указав отрицательный 4-ый параметр.

Answer 3

[Hellas]

GreatRash

С помощью box-shadow я могу добиться только такого результата -


А нужно вот так -

Comments

[GreatRash]

codepen.io/anon/pen/zqgEQG