Как масштабировать background-image без лагов?

Question

[Maks]

Добрый день.

Набросал пример в JSFiddle:
https://jsfiddle.net/7w3d38qk/

При наведении на картинку очень заметно как она дергается. Как сделать так, чтобы подобное масштабирование было плавным?

Answer 1

[Николай]

https://jsfiddle.net/7w3d38qk/1/
Еще желательно картинку заранее отмасштабировать, чтобы можно было обойтись без background-size: 120%, т.к. это тоже значительно влияет на производительность

Comments

[Maks]

Спасибо огромное!

[profesor08]

А еще, вместо scale использовать sacle3d, тогда не будет сильного замыливания.