Мерцание и дёрганье текста в конце анимации

Но внезапно я уже нашёл решение: нужно просто дать “параллельную” анимацию scale самому .warning text! И scale нужно дать чуть меньше, чем 1: для меня сработало 0.98:

.warning text {
  ...............
  animation: transformTextInSvg 1.5s ease-in-out forwards;
}

@keyframes transformTextInSvg {
 to { transform: scale(0.98)  rotateZ(-70deg); }
}

Неожиданно… Работает и в Chrome, и в Firefox. Буду думать, что нашёл кросс-браузерное решение. Спасибо за оперативную реакцию и помощь )

1 лайк