Почему css transform rotate сделать текст уродливым

некоторый браузер (для меня: firefox и chrome на XP), похоже, не применяют сглаживание по тексту с вращением CSS

Пример: http://dabblet.com/gist/4281185

Почему они применяются к изображениям, но не к тексту?

Ответ 1

Используйте 3D-преобразования. Использование свойств 3D-преобразования, даже если вы фактически не выполняете никаких 3D-преобразований, может повысить производительность, как показано ниже:

  • Он будет использовать графический процессор ol и получить более плавную производительность.
  • Это приведет к сокращению (удалению) текста в заданном по умолчанию состоянии кнопки, так что это не сюрприз, когда начинается переход.

WebKit имеет этот противный (я бы назвал его ошибкой), где текст, преобразованный/перешедший, выглядит все тонким и дерьмовым. Текст будет хорошо выглядеть по умолчанию, но вы будете мигать и прореживаться, когда кнопка находится в процессе перехода или преобразуется.

надеюсь, что это поможет.

Ответ 2

Плохое качество текста, очевидно, является "ошибкой" используемого вами веб-браузера, но вы должны просто подождать некоторое время, и оно должно быть исправлено. По мере того как веб-разработчики узнают, как использовать новые функции, браузерные программисты должны их реализовать, и на это требуется некоторое время для правильной работы. Проверьте его в следующей версии браузера - если поворот текста будет возрастать, все больше и больше популярных браузеров справятся с этим лучше, чтобы отобразить больше веб-страниц правильно.