Texto embaçado após usar a transformação CSS: scale (); no Chrome
Parece que houve uma atualização recente no Google Chrome que causa texto desfocado depois de fazer umatransform: scale()
. Especificamente, estou fazendo isso:
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
Se você visitarhttp://rourkery.com no Chrome, você deve ver o problema na área de texto principal. Ele não costumava fazer isso e não parece afetar outros navegadores de webkit (como o Safari). Houve algumas outras postagens sobre pessoas enfrentando um problema semelhante com transformações 3d, mas não consegue encontrar nada sobre transformações 2D como esta.
Qualquer idéia seria apreciada, obrigado!