Почему градиент идёт лесенкой?

Question

[TimLee]

Наглядный пример

Градиент заданный как:

background-image: linear-gradient(
to left bottom, deeppink, deeppink 50%, deepskyblue 50%, deepskyblue
);

Отображается с жуткой лесенкой в FF и Chromium под Убунтой. В виртуальной машине на Win 8 под IE 11 лесенки нет, а в FF есть.

Как добиться сглаживания?

Comments

[Андрей Федоров]

никак. особенности поддержки конкретным браузером.

[copal]

Отрисовывайте в канвас и включайте сглаживание, но только не оставляйте лесенкой, это Вам минус.

[TimLee]

Андрей Федоров: Скорее браузерами, так как сглаживание только в IE получается работает. Может в Safari ещё - не знаю.

Answer 1

[Max]

Блин есть 3 ответа на вскидку:
1. Браузеры взяты с ошибочками, FF бесит всех фронтендеров, для него даже специальный сайт сделали bugziilla, ну и игнорирование даже собственных стилей -moz- не доставляет; Насчет chomium'a не в курсе, не юзал, а вот про мобильный хром, а точнее некое обновление у гугла, для браузера в приложении "google" for ios, могу рассказать много нелестного, ну и отзывы какбэ намекают: https://itunes.apple.com/ru/app/google/id284815942?mt=8 (сам узнал о существовании от заказчика, который требовал переделать под это приложение сайт:) )
2. Если это весь код, то не хватает кода, у браузеров свои специальные указатели.
Решение проблемы - вот автоматически генерирует стили под большинство браузеров
www.colorzilla.com/gradient-editor
Для примера у FF свой -moz- градиент
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8

Собственно, если второй не помог, напиши в коментах, будем разбираться.