Для створення градієнтів призначено функцію linear-gradient(), яка додається до властивості background або background-image. background: linear-gradient(#9A5044, #E8D9A9); Без зазначення додаткових параметрів градієнт виходить вертикальним, перше значення вказує колір зверху, друге знизу.

Як додати градієнт на сайт?

Щоб додати градієнт на сторінку HTML, потрібно використовувати CSS. З його допомогою можна не тільки створювати палітри кольорів, але і малювати відблиски, надавати об'єктам ефект тривимірності, робити смугасті і фігурні фони. Градієнти CSS застосовуються до властивостей background, background-image, border-image, list-style-image.

Як зробити фонову картинку із градієнтом CSS?

У CSS3 ви можете додавати градієнтний фон до елементів через вже відому властивість background-image . Як значення використовується ключове слово linear-gradient() , де у дужках необхідно вказати стартову точку градієнта, початковий колір та кінцевий колір.