Для чего нужен градиент на CSS, вместо изображения использовать стили?

Иногда, при создании сайта, я встречался с ситуациями, когда вместо изображения с градиентом нужно писать градиент на CSS.

Это и облегчает сайт и в некоторых случаях без градиента на CSS просто не обойтись.

Раньше, градиент на CSS я писал ручками, но для удобства веб-мастеров есть специальный сервис по онлайн генерации градиента на CSS...

Название этого сервиса - Ultimate CSS Gradient Generator

Адрес сервиса по онлайн генерации градиента на CSS - www.colorzilla.com/gradient-editor/

Увеличить картинку

Как этим сервисом пользоваться? Легче простого! Панель для выбора градиента как в Photoshop.

Так что если Вы когда нибудь делали градиент в Фотошопе, то сразу разберётесь.

Можно выбрать градиент из представленного набора или создать собственный градиент.

Всё здесь интуитивно понятно! Даже если Вы никогда не делали градиенты, то разберётесь без особого труда.

После того, как Вы определились с градиентом, справа появится выбор направления градиента: вертикальный градиент, горизонтальный градиент, диагональный градиент, круговой градиент.

Установите нужные Вам значения.

Ниже Вы получите код CSS для установки на сайт.

Дополнительно, для Вас есть выбор формата цвета.

Пользуйтесь сервисом по онлайн генерации градиента на CSS - www.colorzilla.com/gradient-editor/