Примечание: см. Стиль div с классом «третий».

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

Проблема в том, что границы выглядят неровными в Chrome, как игра (с низким разрешением) без сглаживания. В 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 */
}

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

Пример ниже:

Ответы на вопрос(11)

Ваш ответ на вопрос