Привет,
Я пытаюсь применить тень окна CSS3 только к верхней, правой и левой части DIV с радиусом, который соответствует результату следующего CSS (минус нижняя тень)
#div {
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
Каким будет лучший способ достичь этого?
Спасибо!
UPDATE Эта тень будет применена к навигационной панели на странице, панель расположена в верхней части основного контейнера DIV. То, что я пытаюсь выполнить, - это продолжить тень окна основного DIV на навигационную панель, которая находится над ней, но без нижней тени на панели навигации. Посмотрите на сайт, чтобы узнать, о чем я говорю, проще, чем добавлять сюда все HTML и CSS.
ОБНОВЛЕНИЕ 2 Поскольку DIV, с которым я работаю, является единственным, вместо того, чтобы пытаться помещать тень на каждый nav li, я решил изменить его на следующее:
-webkit-box-shadow: 0px -4px 7px #e6e6e6;
-moz-box-shadow: 0px -4px 7px #e6e6e6;
box-shadow: 0px -4px 7px #e6e6e6;
Это делает верхнюю часть тени очень заметной, но это то, что я пытаюсь выполнить - если кто-то знает способ сохранить тень по внешнему виду в контейнере DIV, сообщите мне. Спасибо!