まだデータがありません。
Webページの背景に雪を降らせる効果を「Flurry」
当ページのリンクには広告が含まれています。
スポンサーリンク
Webページの背景に雪を降らせる効果を実装するプラグイン「Flurry」を紹介します。
jQueryプラグイン「Flurry」
このプラグインを使えば、Web上に雪を簡単に降らせることができます。
オプションでは雪のサイズ、高さ、密度、スピード、風などを指定することができるので、さらさら降る粉雪や豪雪も作成することができます。
スポンサーリンク
デモのしんしんと降り注ぐ美しい粉雪をご覧ください。
デモのソース(HTML + jQuery)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Flurryのデモでーす。">
<title>Flurry - jQuery Plugin Demo</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.flurry.js"></script>
<style>
body { background: darkblue; color: white; }
</style>
</head>
<body>
<h1>Flurryのデモでーす。</h1>
<p>粉雪ぃー♪</p>
<script>
$( document ).ready( function() {
  $().flurry({
    height: 1000,
    speed: 15000,
    wind: 200,
    variance: 100,
    large: 75,
    small: 25,
    density: 100,
    transparency: 0.4
  });
});
</script>
</body>
</html>
スポンサーリンク