Всем привет!
Есть вопрос:
- Как определить тип градиента?
Речь идет не о простых случаях с линейным градиентом, речь о радиальных со смещением центра, как быть?
Пипеткой муторно и не точно...
Артём Ведищев, больше всего это похоже либо на сохранение в плохом качестве либо на скрин с древнего ноута со странной матрицей и видеокартой, встречала такой, он градиенты как раз в подобное зрелище превращал.
Если у вас в наличии есть картинка нормального качества, то ничего не мешает вырезать горизонтальный прямоугольник высотой в пару пикселей от центра до края и дальше использовать инструмент из ответа.
Радиальный от линейного вроде нет проблем глазами отличить. Измерить расстояние до центра круга тоже.
HelpSophie, пробовал, не понравилось. Меня интересует не набор цветов а конкретные параметры. Перегонять градиент из PSD в картинку и заливать на какой-либо ресурс для определения палитры - мазохизм.
Ну уж нет, вот ваш результат колорзиллы: https://jsfiddle.net/g3cugn3o/ (Я только поменяла эллипс на круг и поставила высоту body)
Вы же глазами видите, что он кругом, а не эллипсом? А пишете эллипс. Вы видите, что на картинке это не повторяющийся фон высотой в 5 точек, как получилось в коде, а растянутый на всю площадь градиент, но вы не задаете высоту body и делаете повторяющийся.
Если полученный с помощью какого-то инструмента результат взять и исковеркать, то потом, конечно, получите полное право говорить, что он не работает.
1. В оригинале (на картинке) обратная полярность и смещение от центра по X и по Y.
2. Форма градиента , размер, позиция центра, первый цвет, второй цвет и т.д.
PS С наступающим!
Артём Ведищев,
- Размеры придется измерять линейкой, также как и пропорции элиипса. Собственно размеры блоков вы все равно так или иначе измеряете.
- Круг от эллипса для целей вебдизайна можно отличить на глаз.
В определении цветов и расстояний между ними в сложных градиентах колорзилла вам упростит жизнь.
Поскольку популярность круговых градиентов сильно ниже, чем линейных, то вряд ли вы найдете что-то более подходящее.
Если в вашей работе это постоянно встречающиеся задачи, то я бы договаривалась с дизайнером, чтобы описывал такие градиенты в стайлгайде для экономии общего времени разработки.
Средний
