2

Как использовать transform: scale() без потери четкости при медленном transition? Допустим, transform: scale(1.5), а transition: all 1s linear. При :hover, в момент увеличения, блок теряет свою четкость до момента окончания transition: all 1s linear. Это довольно-таки неудобно. Как это можно исправить?

1
  • Может попробывать увеличить у картинки разрешение. Но это скорее всего хорошо сработает если у вас scale в целые числа.
    – qpeela
    16 мар 2017 в 4:16

1 ответ 1

2

Проблема решается следующим образом:

img {
   image-rendering: optimizeQuality;
}
3
  • И так автоматом обычно ставится этот режим.
    – user207618
    16 мар 2017 в 0:55
  • @Other автоматом ставится image-rendering: auto 16 мар 2017 в 8:14
  • Да, и это значение означает автоподбор, который обычно выбирает optimizeQuality.
    – user207618
    16 мар 2017 в 14:08

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.