Для створення градієнтів призначено функція linear-gradient(), яка додається до властивості background або background-image. background: linear-gradient(#9A5044, #E8D9A9); Без зазначення додаткових параметрів градієнт виходить вертикальним, перше значення вказує колір зверху, друге знизу.
Як додати фон градієнт у HTML?
Щоб додати градієнт на сторінку HTML, потрібно використовувати CSS. З його допомогою можна не тільки створювати палітри кольорів, але і малювати відблиски, надавати об'єктам ефект тривимірності, робити смугасті і фігурні фони. Градієнти CSS застосовуються до властивостей background, background-image, border-image, list-style-image.
Як зробити фон градієнт у CSS?
У CSS3 Ви можете додавати градієнтний фон до елементів через вже відому властивість background-image . Як значення використовується ключове слово linear-gradient() , де в дужках необхідно вказати стартову точку градієнта, початковий колір та кінцевий колір.