css transformar, bordas irregulares no chrome
Estou usando a transformação CSS3 para girar imagens e caixas de texto com bordas no meu sit
O problema é que a borda parece irregular no Chrome, como um jogo (de baixa resolução) sem Anti-Aliasing. No IE, Opera e FF, parece muito melhor porque é usado o AA (que ainda é claramente visível, mas não tão ruim). Não posso testar o Safari porque não tenho um Mac.
A foto e o texto rotacionados parecem bons, é apenas a borda que parece irregula
O CSS que uso é este:
.rotate2deg {
transform: rotate(2deg);
-ms-transform: rotate(2deg); /* IE 9 */
-webkit-transform: rotate(2deg); /* Safari and Chrome */
-o-transform: rotate(2deg); /* Opera */
-moz-transform: rotate(2deg); /* Firefox */
}
Existe alguma maneira de corrigir isso, por exemplo forçando o Chrome a usar AA?
Exemplo abaixo: