Ступенчатый градиент во всех браузерах, кроме chrome, как решить?

Question

[Triplicate]

Всем привет, не подскажите, в чем проблема?
Выявляется ступенчатый градиент при просмотре с монитора. На тостер был уже раслывчатый ответ, не могли бы подсказать в чем дело и главное, дело в моём мониторе/матрице или это косяк при разработке ?

Хром:


Остальные:

Comments

[Ankhena]

Песочница от этих прекрасных скринов где?
А главное ткните в разницу между скринами, кроме их размера.

[Triplicate]

Ankhena, Если вы не видите на своём экране ступенчатых линий, то это значит, что проблема у меня на дисплее

[Triplicate]

Ankhena, Приглядитесь пожалуйста на втором полоски выделяются

[Ankhena]

Triplicate, я вижу по одной ступеньке на каждой картинке. Чуть ниже see video.

Когда-то давно, лет 15 назад, видела ноут, который не умел отображать градиент гладко и заметно полосил.
Теоретически, в браузерах тоже есть свое сглаживание. Не изучала, правда, нюансов.

Сейчас с телефона, даже в яркость поиграла и тоже не вижу полос, кроме одной.

[Triplicate]

Ankhena, Да уж, да вот же где-то есть, где-то нет, боюсь по закону подлости у заказчика будут. Получается это проблема в отображении градиента, а не в его реализации ?

[Ankhena]

Triplicate, если там обычный css linear-gradient, то да, это не его проблемы.
У него могут быть зазубрины на границе цветов, когда градиент под странным углом. Это бывает.

[Triplicate]

Ankhena, Спасибо большое вам, а не подскажите, у вас, случаем, нет продвинутых знаний в canvas?)

[Ankhena]

Triplicate, нет, весьма посредственные. Но жду, когда потребуются))

Answer 1

[FinnyTheHuman]

Попробуй html{ height:100% }
А так-же попробуй использовать -webkit- и -moz- для градиентов.
Честно, сам пользуясь firefox-ом понимаю на сколько он кривой, даже в плане рендера шрифтов. На счёт проблем с рендером в других браузерах, не могу ответить.

Comments

[Triplicate]

Спасибо большое за совет, но у меня сборщик проекта ставит все префиксы для браузеров, а настройки сброшены с помощью normalize.css и кастомных. Это проблема не только в фф, но и в некоторых других, хотя у кого-то по разному отображается, в принципе всё нормально. Кстати, у вас случаем нет продвинутых знаний в canvas ?)

[FinnyTheHuman]

Triplicate, к сожалению нет)