Css3 генератор градиента ultimate css gradient generator

Css3 генератор градиента – это онлайн-сервис, который позволяет автоматически генерировать код линейных и радиальных градиентов без необходимости писать его вручную.

Вы просто в визуальном режиме выбираете или создаете свое изображение, а справа генерируется его код, который вам всего лишь нужно вставить в стили нужному элементу. Сейчас я хотел бы более подробно описать сервис и какие возможности он дает.

Генератор css3 градиентов – в чем его польза?

Мы знаем, что в версии CSS3 появилась возможность в качестве фона задавать не только сплошной цвет, но и разнообразные градиенты. При умелом использовании они могут значительно украсить страницу. В результате веб-разработчики быстро научились создавать красивые кнопки, элементы форм и декоративные элементы даже без применения картинок.

Единственная проблема градиентов – сложность кода, который их формирует. Хотя сложнее даже то, что при написании кода в текстовом редакторе у вас нет никакой возможности параллельно смотреть, как это будет выглядеть.

Градиенты имеют много параметров: цвет, направление, колорстопы, которые, в свою очередь, можно задавать и в процентах, и в пикселях. Увы, без хороших знаний CSS3 создать нормальный градиент у вас не получится. Я уже молчу про ручное прописывание кроссбраузерного кода с поддержкой старых браузеров.

Возможности градиент генератора

Но css3 генератор градиента решает все проблемы. Вы в визуальном режиме можете настроить все цвета градиента, его направление, размер, цветовой режим. Генерируется полностью кроссбраузерный код. css3 генератор градиента

Для старых браузеров выдается просто сплошной цвет, максимально похожий на созданный градиент. Полученное также можно сохранить в виде картинки. Возможна даже поддержка IE 6!

Еще есть ссылка, которая ведет на созданный вами градиент – вы можете поделиться ней со знакомым. А если вам нужен компактный код, то поставьте соответствующую галочку и получите желаемое. Доступны 5 цветовых режимов, так что вы можете создавать даже полупрозрачный градиент. css3 генератор градиента - настройки

В сервисе уже есть несколько десятков готовых вариантов градиента, но вы можете создавать и сохранять неограниченное количество своих собственных, также сохраняя их. В общем, впечатления от использования сервиса остались замечательные и я рекомендую его всем, кому часто приходится использовать градиенты.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: