JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<script src="http://workshop.rs/projects/jqsnow/jquery.snow.js"></script>
<img src="http://workshop.rs/projects/jqsnow/town2.jpg" class="bg">

CSS

img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

body {
  overflow: hidden;
}

JavaScript

$(document).ready(function () {
    $.fn.snow({
        minSize: 5, // Минимальный размер снежинок
        maxSize: 50, // Максимальный размер снежинок
        newOn: 600, // Расстояние между снежинками. Чем больше число, тем меньше снежинок на странице
        flakeColor: "#FFFFFF" //Цвет снежинок
    });
});