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

Question

[Чёкатилло]

Надо сделать блок такой формы:


Все для того, чтобы в итоге содержание блока (в данном случае фон) было в границах блока:

Comments

[Алексей Зуев]

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

Answer 1

[HamSter]

пример

Answer 2

[Чёкатилло]

Благодаря всем вам нашелся простой вариант: cssdeck.com/labs/d7et5zph
Кажется хорошо работает

Answer 3

[Милок Мурлыка]

Я думаю это поможет www.html5rocks.com/en/tutorials/masking/adobe (eng)

Answer 4

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

Варианты:
1. два блока, второй перекрывает 1-й и имеет белый цвет, удобно через ::after
2. хитрый border, но тут станет вопрос кроссбраузерности
3. Такая картинка на background