skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

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

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

sponsors

使用方法
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」

前の記事:
次の記事:ドラッグ&リサイズが可能なjavascript「jqDnR」

あなたにはこちもお勧め!

jQuery プラグインまとめ!

JavaScript

read more

Column

read more