У меня есть код CSS для градиента, который выглядит следующим образом:
/*Gradient*/
background: #0345A9; /* Old browsers */
background: -moz-linear-gradient(top, #0345A9 0%, #032E8F 44%, #001A6E 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0345A9), color-stop(44%,#032E8F), color-stop(100%,#001A6E)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0345A9 0%,#032E8F 44%,#001A6E 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0345A9 0%,#032E8F 44%,#001A6E 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0345A9 0%,#032E8F 44%,#001A6E 100%); /* IE10+ */
background: linear-gradient(top, #0345A9 0%,#032E8F 44%,#001A6E 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0345A9', endColorstr='#001A6E',GradientType=0 ); /* IE6-9 */
Который порождает градиент семьи в синем цвете.
Мой вопрос: что, если я хочу получить аналог синего, чтобы сказать зеленый или красный. Каков наилучший способ сделать это? Я попытался использовать подборщик цветов, но он отличается совсем другим.
Есть ли сайт, который делает это за вас?
Существуют различные веб-сайты, которые помогают создавать градиенты CSS с помощью простых пользовательских интерфейсов и выводить полученный CSS-код, например:
background-image:...
][*] (возможен импорт существующего кода CSS)
[#] (возможен импорт существующего изображения с градиентом)
Реорганизация функции импорта CSS: обычно вам нужно ввести только одну команду CSS-градиента для конкретного браузера. Однако имейте в виду, что не все веб-сайты/генераторы могут обрабатывать все форматы браузера (Mozilla против Webkit против Opera против W3C против IE).