CSS3を使った多層多角グラデーションの背景を生成してくれるjQueryを利用した素敵なスクリプト。
WEBページのロードごとにレイヤーはランダムに生成され、多層多角グラデーションの美しい背景をホームページ上に構築してくれます。
自由度の高いWEBサイト案件で、組み込んでみたいですね。
淡い色で組合せで、フェミニンな感じを演出したり、アイデア次第で色々制作できそうです。

まずjQuery本体とプラグインをwebサイトに読み込みます。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/shards.min.js"></script>

バインドしたいIDにグラデーション指定。

<script>
(function($) {
  $('#bg').shards([10,35,180,.15],[255,20,220,.25],[0,0,0,.25],20,.58,2,.15,true);
})(jQuery);
</script>

HTMLに要素を加え実装。

<div id="bg"></div>

Shards