Как сверстать вот такой блок?

Question

[Анатолий Саламатин]

Всем привет. Как сверстать вот такой блок? take.ms/mEh6d Сложность в нижней части. Спасибо!

Comments

[Сергей delphinpro]

Сложность сверстать прямоугольник? =))

[Анатолий Саламатин]

Сергей, сложность сверстать именно такой вид с тенью и тем чтобы он был будто сзади. Если это так просто - буду рад коду.

[Сергей delphinpro]

Анатолий Саламатин, а-а-а, там два прямоугольника =) тогда сложнее конечно ))
https://jsfiddle.net/38n7gvg3/

[Александр Соболев]

https://css3gen.com/box-shadow/ - Развлекайтесь ;)

[Сергей delphinpro]

Вот так более приближено к вашей картинке https://jsfiddle.net/38n7gvg3/1/
ну а подогнать в точности, думаю и сами сможете?

[Анатолий Саламатин]

Сергей, спасибо

[Александр Соболев]

-webkit-box-shadow: 0px 9px 6px -5px rgba(100, 100, 100, 0.79);
-moz-box-shadow:    0px 9px 6px -5px rgba(100, 100, 100, 0.79);
box-shadow:         0px 9px 6px -5px rgba(100, 100, 100, 0.79);

Answer 1

[Андрей Федоров]

https://codepen.io/aliencash/pen/RLZNzj?editors=1100

Answer 2

[Александр Соболев]

по пеэсде(psd), честно, сложно понять масштаб трагедии. Видно что фон с градиентом, main с картинкой и тенью.
Ctrl+Shift+C в помощь)