Как такое сделать?

[Kenshi24]

Нужна идея как можно сделать вот такое меню, точнее как сделать, я примерно знаю, но проблема в тенях, когда 2 div'a стоят рядом (белые поля в данном примере) и нужно, чтобы они отбрасывали общую тень (не отбрасывая ее друг на друга) вот тут начинаются проблемы:

 

Edited March 5, 2014 by Kenshi24

[wwt]

http://htmlbook.ru/css/box-shadow

[Kenshi24]

http://htmlbook.ru/css/box-shadow

Я знаю что такое box-shadow, вы мой пост полностью читали?) Нужно как-то многоугольник сделать с тенью, суть поста такая)

Edited March 5, 2014 by Kenshi24

[wwt]

 

http://htmlbook.ru/css/box-shadow

Я знаю что такое box-shadow, вы мой пост полностью читали?) Нужно как-то многоугольник сделать с тенью, суть поста такая)

 

А где вы там увидели многоугольник? Этот многоугольник состоит из нескольких блоков если что где для каждого задана тень в зависимости от его положения.

[Kenshi24]

 

 

http://htmlbook.ru/css/box-shadow

Я знаю что такое box-shadow, вы мой пост полностью читали?) Нужно как-то многоугольник сделать с тенью, суть поста такая)

 

А где вы там увидели многоугольник? Этот многоугольник состоит из нескольких блоков если что где для каждого задана тень в зависимости от его положения. 

 

Верно, но как сделать, чтобы тень от одного не накладывалась на сам другой блок.

Edited March 5, 2014 by Kenshi24

[Kenshi24]

Вот приведу пример, явно тень от одного блока заходит на второй блок

http://jsfiddle.net/hyTbf/

[Svatov]

Поставить в табах меню внутреннюю тень (inset -2px -2px например), а телу с контентом внешнюю

Edited March 5, 2014 by Svatov

[Kenshi24]

Поставить в табах меню внутреннюю тень (inset -2px -2px например), а телу с контентом внешнюю

Да нет, тут достаточно обоим блокам задать внешнюю, но как-то надо сделать, чтобы тень одного блока не падала на второй