Как сделать подобный фон?

Question

[gelic2]

Думаю градиент поможет, но не знаю как делают подобные фигуры с помощью него, помогите или скинте ссылки на уроки. Я не нашел.
Только не на простые, а подобные этому градиенту.
Заранее спасибо!

Может я ошибаюсь и подобное с помощью svg реализуется.

Comments

[gelic2]

p.s я про формы, а не вертикальный градиент.

[Александр Маджугин]

EgoDZB: мне кажется автор имел ввиду что-то вроде того, что на фоне должна быть вот такая картинка и градиент такой что наверху страницы должен быть крайний цвет и внизу крайний. Этого понятно не добиться с помощью картинки. Либо край градиента уйдет далеко за край страницы, либо плитки будут трансформироваться в ромбы.

Answer 1

[Максим]

В примере сделано градиентом и квадраты дивами.
Про градиенты здесь есть урок htmlacademy.ru/demos/8#step1

Comments

[gelic2]

О прикольно)

Answer 2

[gelic2]

-

Answer 3

[Alexander Mischuk]

Понятия не имею, что это и зачем, но час назад на codepen видел это
codepen.io/cathbailh/pen/dPyeYj

Comments

[gelic2]

Да это от туда, да я для примера взял. Что-то подобное видел, но там с помощью градиента делалось, вот хочу узнать как.. Во всех уроках про градиент, просто градиент, ну бывает 2 слоя макс.