Mithgol Apr 17 2013 at 15:16

Кросс-платформенный текст, рисуемый цветовым градиентом

2 min

8.4K

Website development*CSS*JavaScript*

-3

Comments 11

Lsh Apr 17 2013 at 15:21

При этом пропадает сглаживание и результат смотрится как графика времен DOS.

Mithgol Apr 17 2013 at 15:25

Скриншот примеров я делал в Windows XP, где ClearType не занимается сглаживанием контуров, близких к горизонтальным. Кажется, именно поэтому «ступеньки». Вы полагаете, что не поэтому?

Lsh Apr 17 2013 at 15:33

В 7-ке не сказать чтобы лучше

Да я и не о причинах, а о результате.

VoVanJinn Apr 17 2013 at 15:44

А все потому, «что действует плагин jQuery, который нарезает текст на узкие горизонтальные полоски однопиксельной высоты, и внутри каждой такой полоски отображает копию текста, раскрашенную в необходимый промежуточный цвет и сдвинутую по вертикали таким образом, чтобы в точности стать на место первоначального текста внутри этой полоски».

Вот вам и пиксели, торчащие.

ishledo Apr 17 2013 at 17:40

МакОс 10.8.3, смотрится вполне сносно. Кстати, надпись Superblue выглядит хуже всех остальных в тесте. Зато возникают различия в лидинге (посмотрите на расстояние между «u» и «e» в Superblue) между МакОС и 7-кой.

Такая себе кроссплатформенность…

haaji Apr 17 2013 at 15:24

На том и на другом изображении мы видим красивый текст

Ммм, я вижу стремный градиент из разряда «секретарь осваивает возможности Microsoft Word».
Простите.

+10