Угол 45 градусов + тень блока - Использование ничего, кроме CSS

Мне нужно воссоздать следующий дизайн, используя только CSS :

image

То, что вы видите на картинке, является верхней частью контейнера веб-сайта - «ссылки» являются частью главного меню.

В нынешнем виде я создал контейнер, но я не знаю, как сделать наклон в навигации без использования изображения.

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

Я думал о позиционируемом и повернутом элементе div с белым фоном и тенью блока, но пока не смог его построить.

Есть идеи?

18
задан web-tiki 17 April 2015 в 09:34
поделиться