Как сделать полупиксельную тень с правильным отображением браузера?
Имеется текст. Имитация объема достигается за счёт полупиксельных теней на тон ниже по цвету, смещенных по Y. Но при отображении в браузере появляется лесенка. На картинке вариант с тенью и без тени
Как можно убрать лесенку и вернуть нормальное сглаживание? https://jsfiddle.net/gu3v2dfr/
VladimirMelnik: конечно. То есть по ссылке других вариантов особенно нет, но зато там можно увидеть как тот же эффект достигается в разы меньшим количеством теней и упомянутая проблема с антиалиазингом отсутствует.
Размер основного текста (font-size) ЖЕЛАТЕЛЬНО делать кратным 2-м.
Конечные ("листовые") элементы (тени, окантовка и т.д.) - необходимо делать любыми ЦЕЛОЧИСЛЕННЫМИ (НО не дробными!).
Иначе - будет "лесенка".