まだデータがありません。
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>
スポンサーリンク