JSFiddle - React, Tailwind, and code Playground

by vicky081

HTML

<div id="site"></div>

CSS

#site {
    width:100%;
    height:100%;
        
}

JavaScript

function fallingSnow() {

    snowCount = 20;



        var snowflake = $('<div class="snowflakes">hi</div>');
        $('#site').prepend(snowflake);
        snowX = Math.floor(Math.random() * $('#site').width());
        snowSpd = Math.floor(Math.random() * (500) * 20);

        snowflake.css({'left':snowX+'px'});
        snowflake.animate({
            top: "500px",
            opacity : "0",

        }, snowSpd, function(){
            $(this).remove();
            fallingSnow();
        });



}
fallingSnow();