今日の人気記事

  1. select要素の複数選択フォームを実装「Multiple Select」
  2. テーブルやリストから文字列を検索「QuickSearch」
  3. 指定した時間内に操作がない場合にアラート・リダイレクト「IdleTimeout」 - jQueryプラグイン
  4. 右クリックでメニューを表示「chromeContext」
  5. 表示する位置座標を指定できるポップアップ「bPopup」

背景色をグラデーションに「Shards」

スポンサーリンク

背景色をグラデーションに設定できるjQueryプラグイン「Shards」を紹介します。

jQueryプラグイン「Shards」

「Shards」は、簡単な設定で背景色にグラーデーションを設定できるプラグインです。一風変わったインパクトのあるページ作成にはおすすめかも。

スポンサーリンク

デモをご覧ください。艶やかなグラデーション背景が楽しめます。

「Shards」のデモ

デモのソース(HTML + jQuery)

<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<head>
<meta charset="utf-8" />
<title>SHARDSのデモ - jQueryまとめのカルマ</title>
<style>
* {
  margin: 0px;
  padding: 0;
}
</style>
</head>
<body>
<div id="bg"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="shards.js"></script>
<script>
(function($) {
  $('#bg').shards([10,35,180,.15],[255,20,220,.25],[0,0,0,.25],20,.58,2,.15,true);
})(jQuery);
</script>
</body>
</html>

その他詳細はこちらからどうぞ。
» Smooth Scroll

スポンサーリンク

関連記事(一部広告含む)