Блок определенной формы?

Question

[Чёкатилло]

Ребятки, как сделать блок формы такой


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

Comments

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

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

Answer 1

[Чёкатилло]

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

Answer 2

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

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

Answer 3

[HamSter]

пример

Answer 4

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

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

Answer 5

[Рафаэль ™]

только svg