How to make sure that during css animation the text does not rest against the left border, but passes through it?

Question

css

Here is my code https://jsfiddle.net/bofckzfq/5/ how to make the animation not rest against the left border, but beautifully go beyond it?

Answer 1

use transform instead of font-size
https://jsfiddle.net/bofckzfq/13/