文字の中をグラデーションが流れ続けるヒーロー見出し向けの演出。background-clip: textが主役です。
プレビュー枠は右下をドラッグすると高さを変えられます
書き換えるとプレビューに即反映されます。変更はこのページ内だけで、リロードすると元に戻ります。
background-clip: textで背景を文字の形に切り抜き、color: transparentで文字自体を透明にすると「グラデーションでできた文字」になります。あとはスケルトンと同じ要領でbackground-positionを流すだけです。グラデーションの最初と最後を同じ色（ここでは朱色）にしておくと、ループの継ぎ目が見えません。
background-clip: textは-webkit-プレフィックス付きの記述も併記するのが現在も安全です（実装の歴史的経緯によるもの）。