Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > градиент по диогонали


Автор: СЭНСЭЙ 9.3.2012, 17:35
Добрый день!
Подскажите - есть ли кроссбраузерное решение такой задачи:
Сделать фон - градиентной диагональной заливкой?

Автор: skyboy 9.3.2012, 17:55
gradients.glrzad.com/

Добавлено через 30 секунд
пример вывода генератора:
Код

background-image: linear-gradient(left top, rgb(176,212,188) 34%, rgb(95,186,131) 67%, rgb(10,191,191) 84%);
background-image: -o-linear-gradient(left top, rgb(176,212,188) 34%, rgb(95,186,131) 67%, rgb(10,191,191) 84%);
background-image: -moz-linear-gradient(left top, rgb(176,212,188) 34%, rgb(95,186,131) 67%, rgb(10,191,191) 84%);
background-image: -webkit-linear-gradient(left top, rgb(176,212,188) 34%, rgb(95,186,131) 67%, rgb(10,191,191) 84%);
background-image: -ms-linear-gradient(left top, rgb(176,212,188) 34%, rgb(95,186,131) 67%, rgb(10,191,191) 84%);

background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.34, rgb(176,212,188)),
    color-stop(0.67, rgb(95,186,131)),
    color-stop(0.84, rgb(10,191,191))
);



Автор: СЭНСЭЙ 9.3.2012, 19:25
Просто супер!!!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)