При применении rotate(4deg) ну или любой ротейт, который не равен 90 180 и 360 градусам, края становятся зазубренными?

Question

[_ umr]

Это сильно заметно лишь в фаерфокс. В остальных вполне сносно, хотя не идеально. Есть ли решения данной проблемы?

Answer 1

[Алексей Струков]

У меня такое только при градиенте на бэкграунде было. В остальных случаях все нормально. Выкладывайте код - надо смотреть

Comments

[_ umr]

код совершенно обычный. Там есть Div с картинкой внутри один единственный и он повернут transform: rotate(4deg) и это все

[_ umr]

а еще к ним применен skew

[Алексей Струков]

_ umr: картинка через img или бэкграунд?

[_ umr]

Алексей Струков: через Img

[_ umr]

_ umr: к картинке внутри тоже применен ротейт чтобы она была в нормальном положении, у блока стоит оверфлов хайден

[Алексей Струков]

_ umr: можешь выложить код на jsfiddle или другой аналогичный сервис?
Достаточно одного блока с картинкой и всеми трансформациями, что к нему применены

Answer 2

[iBird Rose]

смотря че ротейтишь. если картинку мелкую - то конечно так и будет

Comments

[_ umr]

я не картинку ротейчу, а блок с картинкой внутри

[iBird Rose]

_ umr: ну тк это одно и то же. крутишь блок - все что внутри блока тоже крутится

[_ umr]

iBird Rose: _ umr: к картинке внутри тоже применен ротейт чтобы она была в нормальном положении, у блока стоит оверфлов хайден