css преобразование, неровные края в хроме

Я использовал преобразование CSS3 для поворота изображений и текстовых полей с границами на моем веб-сайте.

Проблема в том, что граница выглядит неровной в Chrome, как в игре (с низким разрешением) без Anti- Сглаживание. В IE, Opera и FF это выглядит намного лучше, потому что используется AA (что все еще хорошо видно, но не так уж плохо). Я не могу протестировать Safari, потому что у меня нет Mac.

Повернутая фотография и сам текст выглядят нормально, только граница выглядит неровной.

Я использую следующий CSS:

.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 */
}

Is там каким-либо образом я могу это исправить, например заставив Chrome использовать AA?

Пример ниже:

Jagged Edges example

187
задан dtech 13 January 2015 в 02:53
поделиться