Примечание: см. Стиль 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?
Пример ниже: