ساخت افکت برف باران در سایت با کد CSS

.snow-bg {
    position: relative;
    overflow: hidden;
}

.snow-bg::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background-image: 
        url('snow1.png'),
        url('snow2.png'),
        url('snow3.png');
    background-repeat: repeat;
    animation: snow 10s linear infinite;
}

@keyframes snow {
    ۰% {
        background-position: 
            0px 0px, 
            0px 0px, 
            0px 0px;
    }
    ۵۰% {
        background-position: 
            500px 500px, 
            100px 200px, 
            -100px 150px;
    }
    ۱۰۰% {
        background-position: 
            500px 1000px, 
            200px 400px, 
            -100px 300px;
    }
}