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