画像にグラデーションをかけるjavascript「Transparent Gradients」
画像を編集するさいにグラデーション加工をする場合があるかもしれません。
Transparent Gradientsなら簡単に透明なグラデーションを付けることができます。
使用方法
Transparent Gradientsからsnipets.textをダウンロードし、拡張子をhtmlに変更すればできます。
またはjQueryからjquery.js（v1.2.1）とjquery.transgradient.jsをダウンロードし以下のようにします。
<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サンプルページ一覧
skuare.net