Как избежать мерцания текста в самом конце анимации [ fadeIn() или animate() ] при использовании jQuery? Кажется, это происходит только для размера шрифта ‹ 40px.
Проблема в скрипке: http://jsfiddle.net/HV7Az/8/
Как вы заметите, единственное решение, которое я нашел, это анимировать непрозрачность до 99% вместо 100%. Это кажется мне плохим решением.
Я пытался использовать различные форматы HTML, например, исчезновение родительского элемента div вместо фактического текста.
Я не тестировал этот кросс-браузер, но я считаю, что в браузерах на основе webkit это как-то связано с ускорением графического процессора. Я проверил свою теорию, добавив следующее:
.animate-99, .animate-100 {
opacity: 0;
-webkit-font-smoothing: antialiased;
}
При этом я думаю, что шрифт отображается и затемняется, тогда как в вашем jsfiddle он перерисовывается, когда непрозрачность достигает 100%. Это может быть или не быть проблемой в браузерах IE9/10/Gecko; вам придется протестировать там и посмотреть, сможете ли вы обмануть ускорение, сглаживая текст.
