画像にグラデーションをかけるjavascript「Transparent Gradients」

画像を編集するさいにグラデーション加工をする場合があるかもしれません。
Transparent Gradientsなら簡単に透明なグラデーションを付けることができます。

使用方法
Transparent Gradientsからsnipets.textをダウンロードし、拡張子をhtmlに変更すればできます。
またはjQueryからjquery.js（v1.2.1）をダウンロードし以下のようにします。
<script type="text/javascript" src="http://yourdomain/jquery.js"></script>
<script type="text/javascript" src="http://yourdomain/jquery.transgradient.js"></script>
あとは画像にclass="gradient"を付与すれば完成です。
＊jquery.transgradient.js内の41行目でグラデーションの色を変更できます。
画像にグラデーションをかけるjavascript「Transparent Gradients」サンプル

2007年12月09日

前の記事：imgタグ一つだけ！超簡単グラフ作成ツール「Google Chart API」
次の記事：ドラッグ＆リサイズが可能なjavascript「jqDnR」

関連記事

• 奥から手前にズームするJavaScript「Spacegallery.js」
• [jQuery]Galleria
• [jQuery]ScrollShow
• [jQuery]jQPanView
• [jQuery]Animated InnerFade with JQuer

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」