Я использую градиент CSS на сайте, который простирается через браузер. К сожалению, вы можете видеть полосу.Dither в CSS Градиенты
Я знаю, что в графических программах, таких как Photoshop, вы можете применять сглаживание к градиенту, тем самым сглаживая градиент.
Есть ли способ применить сглаживание к градиенту CSS либо с дополнительным CSS, либо даже с Javascript?
Вы должны предпочесть фоновые изображения градиентам css в этот момент времени. Есть еще много пользователей там с версиями IE, которые их не выполняют, или не могут сделать их правильно. Это также позволит вам решить проблему с диапазоном - css не поддерживает сглаживание/градиентные антиалиасы.
Я не беспокоюсь об IE. Фактически я официально поддерживаю IE 10+ для своих сайтов на этом этапе. IE 9 и ниже - это слишком большая часть боли, и количество пользователей, использующих эти браузеры (для моих клиентов), является низким и продолжает падать. – L84
Градиенты CSS не поддерживают сглаживание, это действительно зависит от механизма рендеринга. Но вы можете генерировать градиентное фоновое изображение программным путем с холстом, что позволяет реализовать сглаживание. –
@ Klaster_1 - Интересно. Если вы хотите опубликовать ответ с примером холста. – L84