Градиенты для текста. Плагин для jQuery

テキストにグラデーションをかけられるjQueryプラグイン「True Gradient Text」。
１文字づつ文字色をかえてグラデーションをかける昔はやったテクニックですが、これをjQueryプラグインでHTMLは汚さずに色を配列で定義しておくことで実現できます。



実装コードは次のようにすればよくて、指定したエレメントをターゲットに実装出来ます。
colors に変化させたい色を配列で定義します。

<script type="text/javascript">
$(".text").pxgradient({
    step: 10, 
    colors: ["#fc0","#0fc","#00f"], 
    dir: "x"
});
</script>

数年前ではいちいち１個１個色を定義しないといけないと思っていた物もこうして実現できるというのは、改めてWEB技術の進化を垣間見た気持ちですね。

関連エントリ

• jQueryでテキストにエフェクトをかけたりアニメーションさせたりするプラグイン集
• テキストボックス入力時に正規表現にしたがってヒントを出せるjQueryプラグイン「InputNotes」
• Twitter風に残り文字数を表示してくれるテキストエリア実装jQueryプラグイン
• テキストをYahoo!メッセンジャーの顔アイコンに変換できるjQueryプラグイン「Emotion Toggle」
• テキストサイズに応じてtextareaを自動でサイズ調整してくれるjQueryプラグイン「jQuery.elastic」