Как исправить баг с scale?

Question

[Дмитрий Качуринец]

https://codepen.io/anon/pen/omPMwL

Использую Chrome, при ховере на карточку можно заметить, что текст не совсем плавно увеличивается и немного дергается. Также если присмотреться к картинке, то видно тоже, что видно что увеличение картинки происходит не совсем гладко. Как это можно поправить? Есть ли решение для такой проблемы?

Answer 1

[2cha.headz]

попробуйте вот так:

.card:hover {
  transform: scale(1.2) perspective(1px);
  transition: 500ms all;
}

скачков как таковых нет, только при увеличении текст чуть жирным стает =)