css动画来模仿矩阵

Question

在Matrix中，角色似乎不是按字母顺序排列的，但是我的老板希望我在订购时在屏幕上显示一个项目编号矩阵。这样他就可以坐在那里观看。

css已经发展到足以容纳这个吗？我可以指定他使用谷歌浏览器观看流量。 ：）

我需要一种方法让一个项目编号（例如：1007-24）向下滑动屏幕ala Matrix风格。它应该是这样的：

1
0
0
7
-
2
4

然后我要做的就是让一堆项目以随机的速度在随机的y位置向下滚动屏幕。我想我很担心我会把破折号更换为管道，但这只是这个特殊例子的特质。

让我看看它的反面方式：

4
2
-
7
0
0
1

嗯..我不知道哪条路最好。

Answer 1

当它已经在你身边时，无需重新发明轮子：

• http://thecodeplayer.com/walkthrough/matrix-rain-animation-html5-canvas-javascript
• http://cssdeck.com/labs/the-matrix
• http://www.dynamicdrive.com/dynamicindex10/matrixeffect.htm

阿。这是http://girliemac.com/blog/2009/05/03/matrix-animation-with-webkit-css3/

提供的纯CSS解决方案

我已经提取它并让它在jsfiddle上工作。在那里看起来并不漂亮，但我确定浏览器会更好地呈现它.

http://jsfiddle.net/mSK9P/1/