Как использовать transform: scale()
без потери четкости при медленном transition
?
Допустим, transform: scale(1.5)
, а transition: all 1s linear
. При :hover
, в момент увеличения, блок теряет свою четкость до момента окончания transition: all 1s linear
. Это довольно-таки неудобно. Как это можно исправить?
-
Может попробывать увеличить у картинки разрешение. Но это скорее всего хорошо сработает если у вас scale в целые числа.– qpeela16 мар 2017 в 4:16
Добавить комментарий
|
1 ответ
Проблема решается следующим образом:
img {
image-rendering: optimizeQuality;
}
-
И так автоматом обычно ставится этот режим.– user20761816 мар 2017 в 0:55
-
-
Да, и это значение означает автоподбор, который обычно выбирает
optimizeQuality
.– user20761816 мар 2017 в 14:08