Описание тега css-gradients
CSS-градиенты - это новые типы изображений, добавленные в модуль изображений CSS3. Использование градиентов CSS позволяет отображать плавные переходы между двумя или более указанными цветами. Они обычно используются для тонкого затенения фоновых изображений, кнопок и многих других вещей.
Согласно странице MDN CSS-Gradients
CSS-градиенты - это новые типы
<image>добавлен в модуль изображения CSS3. Использование градиентов CSS позволяет отображать плавные переходы между двумя или более указанными цветами. Это позволяет избежать использования изображений для этих эффектов, тем самым сокращая время загрузки и использование полосы пропускания. Кроме того, поскольку градиент создается браузером, объекты с градиентами выглядят лучше при увеличении, и вы можете гораздо более гибко настраивать макет.