CSS генератор градиента linear-gradient


Прозрачность:
Цвет: Позиция: %
Ориентация:
background: rgba(30, 87, 153, 1);
background: -o-linear-gradient(0deg,rgba(30, 87, 153, 1) 0%,rgba(46, 157, 232, 1) 100%);
background: -moz-linear-gradient(0deg,rgba(30, 87, 153, 1) 0%,rgba(46, 157, 232, 1) 100%);
background: -webkit-linear-gradient(0deg,rgba(30, 87, 153, 1) 0%,rgba(46, 157, 232, 1) 100%);
background: linear-gradient(90deg,rgba(30, 87, 153, 1) 0%,rgba(46, 157, 232, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="1e5799", endColorstr="2e9de8",GradientType=1 );

Описание

Генератор градиента является удобным инструментом для WEB разработчика и служит для упрощения задачи при создании фона с использованием свойств -moz-linear-gradient, -o-linear-gradient, -webkit-linear-gradient, linear-gradient и filter. При создании градиента можно визуально наблюдать за изменениями фона.
На сайте имеется большой выбор уже готовых фонов, которые здесь же можно редактировать.
Данный генератор градиента создает в онлайн режиме линейный градиент на веб языке CSS. Созданный градиент можно использовать при оформлении CSS стилей.
Плюсами создаваемого таким способом фона являются:

  1. Небольшой объем сравнительно с изображением
  2. Простота и удобство в коррекции фона
  3. Читаемость всеми современными браузерами

К минусам можно отнести тот факт, что не все браузеры раннего поколения поддерживают данные свойства. Однако не смотря на этот факт, многие программисты и WEB дизайнеры используют CSS градиент при написании приложений.

К минусам можно отнести тот факт, что не все браузеры раннего поколения поддерживают данные свойства. Однако не смотря на этот факт, многие программисты и WEB дизайнеры используют CSS градиент при написании приложений.

Поддерживающие версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Поддержка браузерами

Браузеры для ПК
Internet Explorer Chrome Opera Safari Firefox Edge
10+ 3.0+ 12+ 5.1+ 3.6 12+
Браузеры для планшетов и мобильных устройств
Android webview Chrome для Android Edge Mobile Firefox для Android Opera для Android iOS Safari Samsung Internet
4+ 46+ Да Да Да 5.1+ Да