jQueryプラグインtextHoler.jsを使うと、テキストのアウトラインで背景画像をマスキングして切り抜き表示してくれます。テキストの形に穴をあけた紙を画像にのせた感じになるので、「textHoler」というネーミングのようです。

　

サンプル１は、夜のビル街を写したjpegを切り抜いています。サンプル２は、斜めにレインボーカラーが変化するアニメーションgifを使っています。サンプル３は、縦に２色が変化するアニメーションgifを使っています。

　

背景画像の指定、そのrepeatの指定、フォントサイズ、フォントウェイトなどは、html内のスクリプトで行っています。