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

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

使用方法
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」サンプル

sponsors

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

記事作成:
記事URL:

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