Задать вопрос
Artiiiii
@Artiiiii
Junior-front-end

Как убрать размытие шрифта при перемещении блока из одной позиции в другую?

Здравствуйте. При перемещении из центра в левый верхний угол у буквы появляется шлейф, какими свойствами можно исправить это? Пример
  • Вопрос задан
  • 91 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Есть хак для большинства браузеров, убирающий разного рода размытости. Хотя в твоем случае я не увидел шлейфа.

html,
body {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -webkit-overflow-scrolling: touch;
}

* {
    backface-visibility: hidden;
    // не забывай в дальнейшем отменять данное свойство для конкретных блоков, если нужно видеть обратную сторону при трансформациях.
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽