current location: Home > Download > JS effects > jQuery effects > jQuery snowflakes falling slowly icon effect
![jQuery snowflakes falling slowly icon effect](https://img.php.cn/upload/jscode/000/000/001/5a9a1a0824a51315.png)
jQuery snowflakes falling slowly icon effect
Classify: JS effects / jQuery effects | Release time: 2018-03-03 | visits: 1736 |
Download: 53 |
Latest Downloads
Fantasy Aquarium
Girls Frontline
Wings of Stars
Little Flower Fairy Fairy Paradise
Restaurant Cute Story
Shanhe Travel Exploration
Love and Producer
The most powerful brain 3
Odd Dust: Damila
Young Journey to the West 2
24 HoursReading Leaderboard
- 1 How to clear all message notifications in Lofter (Old Ford steps to clear all messages in one click)
- 2 115 network disk has no quota solution and operation steps
- 3 Introduction to Xunxiang series of buildings in "Hundred Scenes of Jiangnan"
- 4 How to operate DingTalk Solitaire How to operate Solitaire
- 5 Directly focus on WWDC24: IOS 18 supports game mode and strengthens privacy protection
- 6 How about DNF mobile game Sharpshooter?
- 7 How to open the fifth piece of land of Xianshan Small Farmer? List of conditions for obtaining materials to open the fifth piece of land of Xianshan Small Farmer
- 8 Meizu’s first model is named “Meizu MX” and is equipped with Flyme Auto full-case smart car system
- 9 Does Douyin mobile have a scheduled release function? What are the restrictions?
- 10 How to register an account for Feilu Novel How to register an account for Feilu Novel
- 11 "Five Thousand Years of Heroes and Righteousness" Zero Krypton Gameplay Guide
- 12 How to choose characters for Anchor Point Advent novice Ten Company? Anchor Point Advent novice Ten Company character selection suggestions.
- 13 How to add new devices to the EZVIZ Cloud Video app (Tutorial on adding devices to EZVIZ Cloud Video)
- 14 "Ming Tide" Kakaro entry recommendation
- 15 How to use Meituan’s coupons in physical stores_ Tutorial on how to use Meituan’s coupons in physical stores
Latest Tutorials
-
- Go language practical GraphQL
- 498 2024-04-19
-
- 550W fan master learns JavaScript from scratch step by step
- 958 2024-04-18
-
- Getting Started with MySQL (Teacher mosh)
- 710 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--Ten days of quality class
- 1700 2024-03-29
The jQuery snowflake slowly falling icon effect is an HTML5 snowflake font that creates various snowflake icon effects that slowly fall on snowy days.
var fa = false;
//more layers and css blur will cause performance drop
var layer2 = new Layer(16, 6);
setInterval(layer2.addIcon, 150);
var layer1 = new Layer(32, 4);
setInterval(layer1.addIcon, 300);
function Layer(fontSize, speed){
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");
}else{
var $icon = $('<i style="font-size:' + fontSize + 'px;" class="fa fa-snowflake-o" aria-hidden="true"></i>' ).appendTo(".scene");
}
//initial position
TweenLite.to($icon, 0, {x: $random_x, color: "#2222ff", y: -80});
//main animation
TweenLite.to($icon, speed, {color: "#ff00ff", y: 600, x: $random_x + (Math.random() * 400), opacity: 0, ease:Linear.easeNone, onComplete: deleteIcon, onCompleteParams: ["{self}"]});
//rotate animation
var rotation_speed = (Math.random() + 10);
TweenMax.to($icon, rotation_speed, {rotation: 390, ease:Linear.easeNone, repeat: -1});
};
![](/static/newDowns/images/images/book.png)