Я использовал преобразование 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?
Пример ниже: