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

Question

[Zagoruyko Victor]

Подскажите как правильно сделать такой фон сайта?
Сайт будет с горизонтальной прокруткой, но фон должен оставаться не изменным. Много делал сайтов, но вот сам до этого не могу додуматься как сделать правильно.
На других страницах еще будет подвал.
Фото для ознакомления:

Comments

[Дядя Толя]

Такой? Это какой? Чуть подробнее.
Я вижу тут бэкграунд в виде цветного градиента.
Что конкретно вам тут не понятно?
Как сделать чтобы этот фон был не на всю ширину и оставался при скроле секций?

[Zagoruyko Victor]

Дядя Толя, Шапка будет стоять на месте, пролистываться будет все что под шапкой. Вот и хочу понять как сделать правильно) И еще как сделать градиент не на всю ширину, а на 70-75% как на картинке?

[Ankhena]

Zagoruyko Victor,

И еще как сделать градиент не на всю ширину, а на 70-75% как на картинке?

У градиента точки перехода цвета ставятся в любом месте, в том числе и на 75%.
Для четкой линии у двух цветов ставите одинаковое значение. Если градиент под углом, то с небольшой разницей для гладкости.

Либо через bg size.

[Zagoruyko Victor]

Ankhena, это я знаю что есть точки)
как сделать чтобы градиент шел вниз, как на рисунке, от сиреневого к белому
и как тут же сделать чтобы градиент шел вбок, например слева на право?

[Ankhena]

Zagoruyko Victor,

и как тут же сделать чтобы градиент шел вбок, например слева на право?

Слева направо это белая (или почти белая) полоса?
Или вы про диагональный градиент?

Я не тыкала пипеткой в вашу картинку, но не понимаю в каком месте у вас проблема. Покажите конкретно.

[Zagoruyko Victor]

Ankhena, решение ниже. Спасибо!

Answer 1

[Юрий]

Как вариант.

Comments

[Zagoruyko Victor]

Супер! То что нужно. Спасибо большое)))