jQueryの雪の結晶がゆっくりと落ちるアイコン効果

jQuery の雪の結晶がゆっくりと降るアイコン効果は、雪の日にゆっくりと降るさまざまな雪の結晶アイコン効果を作成する HTML5 雪の結晶フォントです。

var fa = false;
// レイヤーが増えると CSS ブラーが発生するとパフォーマンスが低下します
varlayer2 = 新しいレイヤー(16, 6);
setInterval(layer2.addIcon, 150);

varlayer1 = 新しいレイヤー(32, 4);
setInterval(layer1.addIcon, 300);

関数レイヤー(フォントサイズ、速度){
This.addIcon = function(){
var random_icon = icons[Math.floor(Math.random()*icons.length)];
$random_x = Math.floor((Math.random() * 600) + 1);

if(fa){
var $icon = $('<i style="font-size:' + fontSize + 'px;" class="fa ' +random_icon + '" aria-hidden="true"></i>' ).appendTo(".scene");
}その他{
var $icon = $('<i style="font-size:' + fontSize + 'px;" class="fa fa-snowflake-o" aria-hidden="true"></i>' ).appendTo(".scene");
}

//初期位置
TweenLite.to($icon, 0, {x: $random_x, color: "#2222ff", y: -80});

//メインアニメーション
TweenLite.to($icon, 速度, {color: "#ff00ff", y: 600, x: $random_x + (Math.random() * 400), 不透明度: 0, easy:Linear.easeNone, onComplete: deleteIcon, onCompleteParams: ["{self}"]});

//アニメーションを回転
var 回転速度 = (Math.random() + 10);
TweenMax.to($icon, 回転速度, {回転: 390, イーズ:Linear.easeNone, 繰り返し: -1});
};