Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.09.2017, 14:54
Интересующийся
Отправить личное сообщение для Fesali Посмотреть профиль Найти все сообщения от Fesali
 
Регистрация: 20.09.2016
Сообщений: 16

CSS cглаживание цветов в Background
Здравствуйте.

Имеем фон

background: radial-gradient(
rgb(9,7,17) 0%,
rgb(9,7,17) 230px,
rgb(0,0,0) 75%,
rgb(0,0,0) 100%);

Практически во всех браузерах переход между цветами отображается плавный, сглаженый. Только в FireFox переход между цветами коряво показывает, как-то ступенчато. Конечно можно вместо кода цвета нарисовать в фотошопе gif и делов, но это добавит вес( не хоелось бы). Подскажите пожалуйста, как то можно средствами CSS сгладить фон background, чтоб переход между цветами был сглаженый, плавный ?


Последний раз редактировалось Fesali, 21.09.2017 в 14:59.
Ответить с цитированием
  #2 (permalink)  
Старый 21.09.2017, 15:05
Профессор
Отправить личное сообщение для Rasy Посмотреть профиль Найти все сообщения от Rasy
 
Регистрация: 17.06.2016
Сообщений: 509

Fesali,
На глянцевом дисплее вообще не вижу никаких переходов.
Ответить с цитированием
  #3 (permalink)  
Старый 21.09.2017, 15:11
Интересующийся
Отправить личное сообщение для Fesali Посмотреть профиль Найти все сообщения от Fesali
 
Регистрация: 20.09.2016
Сообщений: 16

у меня тоже глянцевый монитор. Между переходами цветов полосы, только в Файрфокс https://codepen.io/fesali/pen/oGLdoR Как его сгладить?
Ответить с цитированием
  #4 (permalink)  
Старый 21.09.2017, 15:29
Профессор
Отправить личное сообщение для Rasy Посмотреть профиль Найти все сообщения от Rasy
 
Регистрация: 17.06.2016
Сообщений: 509

Fesali, мне б такое зрение
Ответить с цитированием
  #5 (permalink)  
Старый 21.09.2017, 15:32
Интересующийся
Отправить личное сообщение для Fesali Посмотреть профиль Найти все сообщения от Fesali
 
Регистрация: 20.09.2016
Сообщений: 16

ну там же переход от темно синего в черный, прям полосы между цветами, как бы ступеньками. ппц что делать (этот баян только в Фаерфоксе)

Последний раз редактировалось Fesali, 21.09.2017 в 15:36.
Ответить с цитированием
  #6 (permalink)  
Старый 21.09.2017, 18:14
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

Fesali,
да во всех браузерах ступеньки с этим цветом https://jsfiddle.net/d20uyggs/, ну подбери более безопасный цвет, поменяй циферки пока сглаживание не появится.
Ответить с цитированием
  #7 (permalink)  
Старый 12.11.2017, 14:31
Новичок на форуме
Отправить личное сообщение для olgamilonenko Посмотреть профиль Найти все сообщения от olgamilonenko
 
Регистрация: 12.11.2017
Сообщений: 1

Сообщение от Fesali Посмотреть сообщение
ну там же переход от темно синего в черный, прям полосы между цветами, как бы ступеньками. ппц что делать (этот баян только в Фаерфоксе) рзработка
сгладить тут не получится таким образом, т.к. цвета подобраны так, попробуйте чуть изменить нижнюю или верхнюю границу цвета, чтобы он оставался почти как нужный, но при этом избавится от полос, т.е. он будет практически таким же, чуть светлее или темнее, практически не заметно, зато переходы исчезнут...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает CSS меню в IE (в FireFox и Chrom все нормально) bdb2000 Internet Explorer 1 05.04.2016 11:58
Арканоид - побитовые операции (замена на условия) Eadweard Events/DOM/Window 8 14.03.2016 16:12
Помогите с рандомными значениями злобная_пипа Элементы интерфейса 6 02.10.2015 20:11
название не придумал. Чуть подправит css Гробовщик (X)HTML/CSS 5 02.10.2013 13:55
Оцените, пожалуйста код вёрстки OlegALL Ваши сайты и скрипты 18 26.07.2011 09:35