SORU
27 HAZİRAN 2011, PAZARTESİ


css, krom kenarları tırtıklı dönüşümü

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:

Jagged Edges example

CEVAP
1 AĞUSTOS 2011, PAZARTESİ


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;

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Hey Nadine

    Hey Nadine

    24 Kasım 2006
  • HTC Tutorials

    HTC Tutorial

    21 EYLÜL 2010
  • Yo Mama

    Yo Mama

    18 EYLÜL 2005