Но внезапно я уже нашёл решение: нужно просто дать “параллельную” анимацию 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. Буду думать, что нашёл кросс-браузерное решение. Спасибо за оперативную реакцию и помощь )