jQuery flocons de neige tombant lentement effet d'icône

L'effet d'icône de flocon de neige tombant lentement jQuery est une police de flocon de neige HTML5 qui crée divers effets d'icône de flocon de neige qui tombent lentement les jours de neige.

var fa = faux ;
//plus de calques et de flou CSS entraîneront une baisse de performances
var layer2 = nouveau Layer(16, 6);
setInterval(layer2.addIcon, 150);

var layer1 = nouveau Layer(32, 4);
setInterval(layer1.addIcon, 300);

fonction Layer(fontSize, vitesse){
This.addIcon = function(){
var random_icon = icônes[Math.floor(Math.random()*icons.length)];
$random_x = Math.floor((Math.random() * 600) + 1);
​
si(fa){
var $icon = $('<i style="font-size:' + fontSize + 'px;" class="fa ' + random_icon + '" aria-hidden="true"></i>' ).appendTo(".scene");
}autre{
var $icon = $('<i style="font-size:' + fontSize + 'px;" class="fa fa-snowflake-o" aria-hidden="true"></i>' ).appendTo(".scene");
}

//position initiale
TweenLite.to($icon, 0, {x : $random_x, couleur : "#2222ff", y : -80});

//animation principale
TweenLite.to($icon, speed, {color : "#ff00ff", y : 600, x : $random_x + (Math.random() * 400), opacité : 0, easy:Linear.easeNone, onComplete : deleteIcon, onCompleteParams : ["{self}"]});

//faire pivoter l'animation
var rotation_speed = (Math.random() + 10);
TweenMax.to ($icon, rotation_speed, {rotation : 390, easy:Linear.easeNone, répétition : -1});
} ;