Текстът на Chrome се размазва при преход на непрозрачност

Добре, старият добър проблем с размазан текст в chrome.

Създавам CSS падащо меню, което преминава от visibility: hidden и opacity: 0 към visibility: visible и opacity: 1 и текстът става леко замъглен.

Този проблем не присъства във Firefox. Там текстът е ясен.

Можете да видите цигулката: http://jsfiddle.net/swum8rm7/1/

Като премахнете прехода на ред 21, виждате, че текстът става остър. Опитах всякакви translateZ и backface лудории и не мога да го накарам да работи правилно.


css opacity css-transitions hover transform
person Ziik    schedule 25.01.2015    source източник
comment
всичко е остро за мен, използвам хром.   -  person Prakhar Singh    schedule 25.01.2015
comment
Може да съм перфекционист, но вижте тук: i.imgur.com/wLRgEF9.png аз повиши font-size до 20px. Текстът вдясно е леко замъглен (не Hover Me, редовете под него).   -  person Ziik    schedule 26.01.2015
comment
не че шрифтът е размазан (преброих пикселите), но да, изглежда има по-нисък контраст.   -  person Prakhar Singh    schedule 26.01.2015
comment
Хей, аз имам същия проблем. Разрешихте ли това?   -  person Trajektorijus    schedule 20.02.2015
comment
Все още не, търсих навсякъде и все още..   -  person Ziik    schedule 23.02.2015
comment
html5rocks.com/en/tutorials/internals/antialiasing-101 Всеки, който страда от размазан текст, трябва да прочете тази стара статия от Пол Луис. Накратко, основно всичко е свързано с странностите на субпикселното антиалиасинг.   -  person dziku86    schedule 24.02.2021

Отговори (1)


arrow_upward
0
arrow_downward

Добавянето на -webkit-font-smoothing: antialiased прави текста много по-добър (въпреки че все още е малко размазан)

person firefoxuser_1    schedule 25.02.2015