Как убрать половину box-shadow?

Question

[Максим Тимофеев]

Я понимаю что указать половину нельзя. И надо или перекрыть или сделать полукруг. Короче не могу найти оптимальным метод, прошу помощи.
Вот болванка:
https://codepen.io/wokster/pen/Vypoyj
Надо что бы тень у логотипа, была только снизу, имитация что у navbar тень по кривой идет.
Лого первый попавшийся, главное что он будет квадратный, а блок под ним эллипс. Короче красота не важна, важен принцип.

Comments

[Ankhena]

Простая идея https://codepen.io/anon/pen/NXjKvm
Другая - отдельный блок с тенью. который имеет z-index меньше чем навбар.

[Максим Тимофеев]

Ankhena, с z-index там проблемы уже пытался. Видимо не совсем так считает z-index именно для тени, как мне хотелось бы. И плюс навбар фиксированный. ХЗ, я температурю, может просто туплю где-то.

[Максим Тимофеев]

Ankhena, с растяжением идея интересная, сам не сообразил, но тень тогда не такая как надо. В любом случае спасибо, если оформите ответом, отмечу как ответ.

Answer 1

[Владимир Проскурин]

Вот так можно поиграться с z-index https://codepen.io/anon/pen/ZvKzXQ
UPD: Там немного баг с тенью был, вот с фиксом https://codepen.io/anon/pen/ZvKzXQ

Comments

[Максим Тимофеев]

няшно, не хотел плодить теги, но видимо иначе никак

[Максим Тимофеев]

В песочнице все ок, но как только подключаю bootstrap4 все падает.
https://codepen.io/wokster/pen/RxVbmE
Пытаюсь найти причину (наверное стили для navbar), если есть идеи - спасибо

[Владимир Проскурин]

Максим Тимофеев, из-за того, что navbar стал display: flex, .inner стал иметь ширину не 100%. Можно либо убрать флекс, либо установить width: 100%

[Максим Тимофеев]

Vlad_IT, логично, спс