Как избавиться от размытия картинки в хроме при transform: scale( );?

Question

[Александр Тимофеев]

Как избавиться от размытия картинки в хроме при transform: scale( что-нибудь ); ?

Answer 1

[Олег Ободин]

друзья, решение проблемы https://developer.mozilla.org/ru/docs/Web/CSS/will..., задайте will-change: transform ; элементу с transform

Comments

[edu30151]

Есть реальный пример? Не помогает все равно текст блюрит...

[Flashduck]

will-change: transform ;

transform на contents поменяйте

Answer 2

[Школьник.]

Никак, используйте JS для изменения размеров!

$('#айдикартинки').animate({'width':'1000px'},1000); - Что то вроде такого, не проверял

Answer 3

[Максим Софронов]

Никак, но бытует мнение, что картинка может лучше отображаться, если увеличение или уменьшение будет кратно двум. По крайней мере на дисплеях высокой плотности.

Например, scale(.8), scale(1.2), scale(1.4) и т. п.

Comments

[Школьник.]

Все равно во время трансформации будет заметно размытие, лучше JS

[Максим Софронов]

Владимир Мусихин: во время анимированной трансформации да, не спорю. Но ваш вариант не подходит, как минимум из-за того, что действие повлияет на соседние элементы.

[Школьник.]

maxsof: position:absolute