Inset Box Shadow только с одной стороны?
Можно ли как-то иметь вставку box-shadow только на одной стороне div? Обратите внимание, что яя говорю овставка box-shadow здесь, а не обычная внешняя box-shadow.
Например, в следующем JSFiddle выВы увидите, что врезанная тень появляется на всех 4 сторонах в различной степени.
Как мне получить ТОЛЬКО показ наверху? Или максимум ТОЛЬКО сверху и снизу?
JSFiddle: http://jsfiddle.net/ahmadka/KFrun/
HTML:
Lorem ipsum ....
CSS:
.box
{
-webkit-box-shadow: inset 0px 5px 10px 1px #000000;
box-shadow: inset 0px 5px 10px 1px #000000;
}
.text
{
padding:20px;
}