20%〜70% の間は opacity:1 のまま停止します。ボタンで再生/停止を切り替えてください。
ボタンをクリックすると4つの direction を同時に確認できます。
同じ4秒のアニメーションでも、delay の値によって開始位置が違います。クリックでリセットできます。
ボタンをクリックするとテキストが1文字ずつ表示されます。