@VladimirMelnik

Как сделать полупиксельную тень с правильным отображением браузера?

Имеется текст. Имитация объема достигается за счёт полупиксельных теней на тон ниже по цвету, смещенных по Y. Но при отображении в браузере появляется лесенка. На картинке вариант с тенью и без тени
8e6fe78d67f243debb8d87fba12bd1d2.jpg
Как можно убрать лесенку и вернуть нормальное сглаживание?
https://jsfiddle.net/gu3v2dfr/
  • Вопрос задан
  • 240 просмотров
Пригласить эксперта
Ответы на вопрос 2
cashalot
@cashalot
Если я вам помог - пометьте мой ответ как решение
К своим теням припиши еще вот это:
1px 0px 0px #fff, -1px 0px 0px #fff
Если не поможет, то поиграйся с
text-rendering: optimizeLegibility;
-webkit-font-smoothing: subpixel-antialiased;
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Размер основного текста (font-size) ЖЕЛАТЕЛЬНО делать кратным 2-м.
Конечные ("листовые") элементы (тени, окантовка и т.д.) - необходимо делать любыми ЦЕЛОЧИСЛЕННЫМИ (НО не дробными!).
Иначе - будет "лесенка".
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы