javascriptで要素にグラデーション「Dynamic Gradient Background」

背景色をグラデーションにするサイトが増えています。
ただし、作成した背景用画像がイメージと違うとまたいちから同じ手順を踏まなければならず面倒です。
Dynamic Gradient Backgroundを使用すると、手軽に要素の背景にグラデーションをかけられます。

sponsors

使用方法

Dynamic Gradient Backgroundで使用しているscriptをコピーし、DynamicGradient.jsのように適当なファイル名で保存します。
<script src="http://yourdomain/DynamicGradient.js" type="text/javascript"></script>
<script type="text/javascript">
setGradient('id名','開始色(HEX)','終了色(HEX)',0);
</script>
最後の数字を帰ることで角度を変化させられます。 最後に上で指定したid名をグラデーションをかけたい要素に付与すれば完成です。
<div id="id名">
コンテンツ
</div>

サンプル

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam blandit nunc lobortis diam bibendum semper. Nunc aliquam aliquam mi. Maecenas porttitor, lorem sed mattis ultrices, lorem risus consequat mi, vitae ullamcorper leo ipsum in tellus. Pellentesque arcu est, sollicitudin sed, ultricies quis, vestibul

sponsors

Javascriptサンプルページ一覧
skuare.net