Как можно избежать глюки текста при transform scale?

Question

[godsplane]

https://gyazo.com/4d30aea70bb0ad8f288d9f539028feac
Вот гифка на которой видно этот эффект, как будто пиксели текста съезжают немного в момент анимации и перестраиваются. можно ли как этого избежать?И почему вообще это происходит?

Comments

[Liuonid]

это происходит потому что transform обрабатывается GPU. а во время начальной отрисовки шаблона страницы все происходит в CPU.

Answer 1

[Alexey Levicky]

С такими вопросами еще код бы увидеть.
Попробуйте сделать так: родительскому элементу perspective: 1;
А переход сделать таким образом:

.element {
  transition: ..some values;
  will-change: transform;
  &:hover {
    transform: scale(1.2) translateZ(0);
  }
}

Comments

[godsplane]

Спасибо, не до конца исчезла проблема, но стало намного лучше.