溢出类似滴答声的滚动动画

Question

我有一个元素网格，其中包含文本。但是，根据文本的长度，它将溢出其容器。我想使用类似股票行情的动画将文本的右边带入容器中。但是，将关键帧与transform（-100％）结合使用已经很困难了。可以计算像素距离，但是文本是动态的。我想使用可以放入CSS的通用解决方案。如果没有通用的解决方案，我认为在javascript中创建这些容器时可以添加动画数据。

我研究了转换。我看过另一篇有关stackoverflow的文章：Javascript animate CSS float property

但是，此解决方案没有动态数量的元素

这个小提琴与我在不使用特定像素测量的情况下尽可能地接近。我也不确定这是否适用于所有屏幕尺寸（例如手机）。 http://jsfiddle.net/5uvsngLp/

如果您需要其他上下文：binaryaura.net/server.php打开mc.binaryaura.net，打开mods

文字：文字文字文字溢出

      ------------------
0%  : | Text text text | 
      ------------------
      ------------------
50% : | rflow overflow |
      ------------------
      ------------------
100%: | Text text text |
      ------------------