Поэтому вы, возможно уже знаете как реализовать подобное решение. Если нет, то эта статья обязательна к прочтению Три способа создания
1) Используйте SVG в форме треугольника. Эта техника хорошо описана Эриком Кеннеди на CSS-Tricks .
2) Скрыть часть вашего раздела, используя CSS-Clip-Path.
3) Использование CSS-преобразований. Вы, возможно, уже догадались, какой из приведенных вариантов я собираюсь использовать. Правильно, третий :-) Начинаем Базовая разметка
<div class="diagonal-box">
<div class="content"> ...