webcito/jquery-let-it-snow

A small jQuery plugin to show your website with snowfall.

dev-main 2023-12-20 09:19 UTC

Requires

• components/jquery: ~3.6.0

Requires (Dev)

• twbs/bootstrap: v5.3.2
• twbs/bootstrap-icons: v1.11.2

proprietary

• thomas

README

A small jQuery plugin to show your website with snowfall.
This plugin was created on the idea of Tracy Good (Source).

The number of flakes is determined by the window width. If the window is resized, the flakes are recalculated.

options

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

$('body').letItSnow({
    background: "fixed no-repeat center bottom url('demo/img/winter-landscape.png')",
    quantity: 'slowly',
    flake: {
        html: '<i class="bi bi-snow3"></i>'
    }
});