Mixfixpix

9 minutes ago, vladmih said:

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

сделать верхнюю тень на самой картинке png, а боковую уже попробовать средствами css, так как при изменении размера контента картинка будет тянуться и тень не будет соответствовать блоку основного контента. Ну это теоретически)) а как будет на самом деле и как долго это все придется подгонять, неизвестно.

26 minutes ago, vladmih said:

А тень, не получится... Это же треугольник из бордера... Чтоб тень была нужен треугольный блок, можно наверное на canvas сделать такой треугольник, и с тенью...

а есть еще вариант сделать png картинкой, можно рястянуть на 100% и тень сделать, но уж это точно не самое лучшее решение)

vladmih, а если к примеру я хочу задать тень для этой крыши?

Всем привет, форумчане!

Есть задача сделать вот такую штуку как на картинке, она должна быть 100% шириной по отношению к контенту, но ограниченной высотой, к примеру 60 пикселей.

У меня уже есть решение которое я сделал https://jsfiddle.net/x5Lavn55/, но может имеется более элегантное и лучше чем мое?

Пробовал с svg, но не могу растянуть на 100% не изменив высоту...