cssアニメーションで簡単に流れる文字を作ります。
■完成物
See the Pen
cssだけで流れる文字 by matsu (@pochi__2828)
on CodePen.
■解説
ベースとなるHTMLには、無限ループにするためにテキストを2回記述する必要があります。
そのテキストをflexboxで横並びにし、アニメーションで-50%移動させると繰り返し同じ文字が流れていきます。
テキストは必ずwhite-space: nowrap;を設定し、改行が入らないようにしてください。