Как реализовать кривые элементы?

Question

[Alibek Kulseitov]

Как реализовать белую треугольную плашку на главном экране?
И как реализовать эту голубую косую линию по середине блока? Которая проходит через два блока.

Answer 1

[AlexRas]

В подобном стиле https://jsfiddle.net/evqa28p3/

Answer 2

[forspamonly2]

линейными градиентами с резкими переходами.

часто про это спрашивают, я за месяц с небольшим уже четвёртый раз этот пример показываю

https://codepen.io/anon/pen/qovPYj

Answer 3

[Дмитрий Ермолаев]

Тут задний фон сделан как градиент с резким переходом (посмотреть код). Плюс вот сервис генерации треугольников на css (в дополнение к предыдущим ораторам)

Answer 4

[lukoie]

вот тут гляньте еще код, как реализовано: https://www.gatsbyjs.org/