Как сделать блок с треугольником с тенью?

Question

[Mopkoff-ka]

Как реализовать только с помощью стилей?
Треугольник слева должен быть фиксированной ширины, а высоту наследовать от основной части. При этом у всего блока должна быть тень. Высота блока будет зависеть от контента внутри него.

Answer 1

[dom1n1k]

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

Comments

[Mopkoff-ka]

Да, для самого треугольника это решение, а как в таком случае сделать тень в форме треугольника?

[dom1n1k]

https://developer.mozilla.org/en/docs/Web/CSS/filt...

Answer 2

[Олег]

SVG или вот так: http://codepen.io/werty1001/pen/AXbPXy

Answer 3

[HamSter]

Могу мой вариант предложить.
Как раз начала тултипы пытаться делать.