サンプル01

Typograpy Animation

background-positionを上下に変更することで、グラデーションの位置を変更しています。

サンプル02

Typograpy Animation

サンプル01の反転版。雰囲気が変わります。

サンプル03

Typograpy Animation

もちろんbackground-positionを左右に変更すれば、横移動のアニメーションになります。

サンプル04

Typograpy Animation

消える風に見せていましたが、グラデーションなのでカラーは自由です。