Инфо Генератор градиентов на CSS

Администратор · Регистрация: 27.02.2009

Хочу поделиться небольшой, но полезной тулзой для генерации Photoshop-like градиентов. Называется этот инструмент громко — Ultimate CSS Gradient Generator. Но большей значимости ему придает не имя, а создатели — это те же ребята, которые сделали ColorZilla, отличнейший плагин для Firefox.

Но меньше слов, больше дела. Генератор работает очень просто:

выбираем из списка нужный нам шаблон (а их там больше сотни)
настраиваем размер элементы
определяемся с цветами
копируем код

Код выходит достаточно чистый, вот пример:

background: #ebf1f6; /* old browsers */

background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* firefox */



background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* webkit */



filter: progidXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* ie */

Это код для

И вот ещё одна ссылка на похожую онлайн утилитку

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид