Непонятное сглаживание текста при повороте с помощью webkit-transform в Chrome

Я вращаю элемент с помощью -webkit-transform : rotate () и в Chrome 14.0.835.2 dev-m он делает некоторые действительно странные вещи с текстом внутри элемента. Это напоминает мне о похожем эффекте, который вы попасть в Photoshop, когда вы поворачиваете текст, используя «плавное» сглаживание вместо «четкого».

Кто-нибудь знает, что здесь происходит? Это специфично для этой версии webkit или Chrome или я могу что-то исправить? (Это также не сглаживает границы между элементами списка)

Wonky text

Вот CSS:

div.right-column.post-it
{
  position: relative;
  width: 240px;
  background-color: #fe9;
  padding: 20px;
  -webkit-transform: rotate(.7deg);
  background: #fe9 -webkit-gradient(radial, 20% 10%, 0, 50% 10%, 500, from(rgba(255,250,220,1)), to(rgba(255,238,253,0)));
  box-shadow: 1px 1px 0 #ddccaa, 
            2px 2px 0 #dbcaa8,
            3px 3px 0 #d9c8a6,
            4px 4px 0 #d7c6a4,
            5px 5px 0 #d5c4a2,
            6px 6px 1px #d3c2a0,
            4px 4px 2px rgba(90,70,50,.5),
            8px 8px 3px rgba(90,70,50,.3),
            12px 12px 5px rgba(90,70,50,.1);
}
30
задан Rahul 27 July 2011 в 15:26
поделиться