https://github.com/thomasdev-de/jquery-letitsnow
A small jQuery plugin to show your website with snowfall.
https://github.com/thomasdev-de/jquery-letitsnow
configuration-management jquery-plugin minify snowfall snowflake
Last synced: 3 months ago
JSON representation
A small jQuery plugin to show your website with snowfall.
- Host: GitHub
- URL: https://github.com/thomasdev-de/jquery-letitsnow
- Owner: ThomasDev-de
- Created: 2023-12-19T09:21:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-13T11:50:46.000Z (6 months ago)
- Last Synced: 2025-02-22T00:07:20.685Z (4 months ago)
- Topics: configuration-management, jquery-plugin, minify, snowfall, snowflake
- Homepage:
- Size: 12.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# jquery-letItSnow
A small jQuery plugin to show your website with snowfall.
This plugin was created on the idea
of [Tracy Good](https://stackoverflow.com/users/17213191/tracy-good)
([Source](https://codepen.io/onlintool24/pen/GRMOBVo)).
The number of flakes is determined by the window width. If the window is resized, the flakes are recalculated.
## options
```js
let options = {
background: null, // The background of the container. This property is set as css background.
quantity: "smooth", // How many flakes should be produced? Possible values: smooth, less, medium or much
flake: {
html: "•", // Snow Entity
minSize: 2, // Minimum Flake Size
maxSize: 19, // Maximum Flake Size
},
colors: ["lightblue", "skyblue", "#DDDDDD", "#EEEEEE"], // Snowflake Colours
speed: 0.75, // The speed of the falling flakes
refresh: 50 // The time in milliseconds how the token should be calculated
}
```
### example
```js
$('body').letItSnow({
background: "fixed no-repeat center bottom url('demo/img/winter-landscape.png')",
quantity: 'slowly',
flake: {
html: ''
}
});
```