Возникла ситуация когда потребовалась сделать тень у элемента не как обычно, а с одной и в другом случае с двух(противоположных) сторон. И как я понял легитимным путем такого не добиться? неужели придется мудрить. Надеюсь что я чего-то не знаю.
Этот вариант я думал, но тут как минимум один момент: тень полная, по краям, те ее видно, и нужно что-то думать для того чтобы спрятать и это печально.
Свойство «box-shadow» может иметь несколько значений, перечисляемых через запятую, и тем можно создать несколько теней у одного и того же элемента. Первая тень является верхнею в смысле взаимного наложения их друг на друга.
В общем я таким образом делал(4 тени две для перекрытия белых для перекрытия не нужного бокового размытия от двух основных темных), и это уже таки из не очень красивых методов, ну и значительно уменьшающих гибкость. Например если фон не однотонный, а текстурой. Тут уже возникают сложности.