천천히 떨어지는 jQuery 눈송이 아이콘 효과

jQuery 눈송이 천천히 떨어지는 아이콘 효과는 눈이 오는 날 천천히 떨어지는 다양한 눈송이 아이콘 효과를 만드는 HTML5 눈송이 글꼴입니다.

var fa = 거짓;
//더 많은 레이어와 CSS 흐림으로 인해 성능 저하가 발생합니다
var layer2 = 새 레이어(16, 6);
setInterval(layer2.addIcon, 150);

var layer1 = 새 레이어(32, 4);
setInterval(layer1.addIcon, 300);

함수 레이어(글꼴 크기, 속도){
This.addIcon = 함수(){
var random_icon = 아이콘[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, speed, {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});
};