UnluckySerivelha
@UnluckySerivelha

Почему при использовании transform: rotate изображение размывается?

Есть блок в форме ромба, внутри него иконка. Реализовал с помощью transform: rotate(45deg) прямоугольнику и transform: rotate(-45deg) иконке, но при этом иконка размылась. Как можно пофиксить или сделать по-другому, чтобы не было подобной проблемы?
в примере иконка слева повернута и выглядит размытой, справа всё норм, но она не повернута как нужно
  • Вопрос задан
  • 51 просмотр
Решения вопроса 1
monochromer
@monochromer
К элементам с transform применяется субпиксельное сглаживание из-за чего может возникать размытие.
Проще иконку и ромб вынести на разные уровни, чтобы трансформации применялись только к ромбу.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
от 56 000 до 56 000 руб.
WWHW Санкт-Петербург
от 40 000 до 100 000 руб.
АМТ Екатеринбург
от 40 000 до 50 000 руб.