CSS3 dönüştürme web siteme sınırları ile fotoğraf ve metin kutularının döndürmek için kullanıyorum.

Sorun sınır (düşük çözünürlüklü) gibi bir oyun Anti-Aliasing olmadan Krom tırtıklı, bak. IE, Opera ve FF AA eskiden olduğundan çok daha iyi görünüyor hala açıkça görülebilir ama o kadar da kötü değil. Bir Mac sahibi değilim çünkü Safari test edemem.

Fotoğraf ve metin kendini iyi bak, tek tırtıklı görünüyor sınırı vardır döndürülmüş.

Kullandığım 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 */
}

Düzeltmek için herhangi bir yol bu, örneğin Krom AA kullanmak için zorlama var mı?

Örnek:

Diye kimsenin arama için bu daha sonra, bir güzel numara kurtulmak için bu tırtıklı kenarları CSS dönüşümleri Chrome Ekle CSS özelliği -webkit-backface-visibility değer hidden. Benim testlerde, bu tamamen düzeltti. Bu yardımcı olur umarım.

-webkit-backface-visibility: hidden;