<div id="container">
 <!--  ______________ SVG _______________   -->
    <div id="snow">
      <svg id="flakesOne" class="sharpLarge" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59.8 56.4">
            <path d="M9.8 24.1a9.4 9.4 0 0 1 1.5 3 6.7 6.7 0 0 1-3.4.2c-1.8-1.5-2.7-3.9-4.5-5.3-.6.3-.7.7-.4 1.1l1.9 2.8a9.1 9.1 0 0 1 .7 1.4H2.9L.8 25.2c-.1-.1-.4.2-.8.4l1.3 2.5a13.4 13.4 0 0 1-.6 1.2A2.1 2.1 0 0 0 .3 31c1.4.1 1.6-1.6 2.9-2.2h2.2c-.2 2.2-2.7 3-2.4 5.5 2.2-1.5 3-3.9 4.8-5.4a4.5 4.5 0 0 1 3.5.4c-1.4 3-3.5 5.5-4.8 8.5l.3.3c.3 0 .7 0 .8-.2l1.7-2.5c1.4-2.2 2.6-4.5 4.1-6.6h2.8l1 .3-1.2 3.2c-.3 1-1.3 2.2-.9 3.8.5-.3.9-.5 1-.7l1.7-4.1 1.1-2.3c4.2-.4 5.8-.3 7.6.3a9.7 9.7 0 0 1-1.5 1l-1.6.8c.3 1.5.7 1.8 1.7 1.4s.8-1.1 1.7-.5c-1.1 1.8-2 3.8-3.1 5.5-2.7.3-5.1-1-7.7-.4l.3 1c2.1.3 4.2.5 6.3 1a10.8 10.8 0 0 1-1.7 3.4l-10.8.9-.2.3a.8.8 0 0 0 1 .7l7-.2 1.9.2a11.2 11.2 0 0 1-1.5 3.1c-2.3 1.1-4.8.4-6.8 1.6 0 .8.4.9 1 .9l3.8-.5c.2 0 .3.3.5.4a3.2 3.2 0 0 1-.3.9l-.8 1.3c-.8.8-2.5-.2-3.1 1.6l2.9.3c.8.7.8 1.9 1.7 2.2l.6-.4L17 53c-.2-.9.6-1.4 1.6-2.1 1.3 1.2.9 3.6 2.9 4.7.2-2.8-1.7-4.7-2-7.2a9 9 0 0 1 1.8-3.1c2.2 2.8 3 6.3 5.3 9.1a4.9 4.9 0 0 0 .4-1 16 16 0 0 0-1-2.3l-3.8-7.5a8.5 8.5 0 0 1 2.1-3.4c1.9 1.5 2.5 4.1 4.8 5.4 0-.6.2-.9.1-1.1l-1.6-2.3c-.8-1.3-2-2.4-2.5-3.8 2.4-4.8 2.6-5.1 4-6.3a18.6 18.6 0 0 1-.2 5.8c1.1.7 1.1.7 2-.2a22.8 22.8 0 0 1-.2-2.7 9 9 0 0 1 .2-2.8 17.4 17.4 0 0 1 3.8 6.5L33 41.3l-2.2 3a.9.9 0 0 0 .2 1.2l.9-.5 2.6-3.5c.9-1.1.6-1.1 1.5-1l1.7 3.1-3.5 7a15.1 15.1 0 0 0-1.2 2.6c-.2.4-.2.8.4 1s.8-.8 1.1-1.3l3.2-6.4a5.7 5.7 0 0 1 1.1-1.1l1.6 2.9c-.3 2.7-2.1 4.6-2 7.4.5-.4.9-.5 1-.8l1.7-3.7c.6-1.2.3-.2.6-.4L43 53a23.3 23.3 0 0 0-.9 2.9l.8.5 1.3-2.2c1.1-.5 2.2.1 3.2-.8-.9-1.1-2.3-.6-3.3-1.4s-1.1-1.1-.9-2.4a12.3 12.3 0 0 1 3.3.3H48c.2-.1.3-.4.6-.8-2.3-1.3-4.9-.4-7.1-1.7l-1-1.9c-.3-.6-.1-.7-.2-1.2h8.9c.5 0 1-.2.6-1.1l-10.7-.7a6.7 6.7 0 0 1-1.7-3.6 34.3 34.3 0 0 0 3.4-.6c1-.3 2.4.3 3.2-1.3-2.7-.7-5.2.8-8 .3l-2.8-5.4c-.1-.2.1-.4.2-.7l2.1 1.3c.4-.5.8-.8.9-1.3s-.3-.9-.8-1.1l-1.2-.3a10 10 0 0 1-.9-1H41c1.7 2.2 1.7 5.2 4 7.5.1-3-1.9-5-1.9-7.6a9.2 9.2 0 0 1 3.7.2l4.1 6.6a11.4 11.4 0 0 0 1.5 2.5c.2.3.6.5 1.1-.1-1.1-3.1-3.6-5.6-4.8-9h3.7l2.1 2.8c.7.9 1.2 2 2.1 2.5s.7-.7.5-1.1l-2.4-3.5c-.1-.2 0-.4.1-.7h2.3c1.1.7 1.3 2 2.5 2.2.7-1.4-1-2-.8-3.4a8.5 8.5 0 0 0 1-1.7c.1-.2-.1-.5-.1-.8s-1.6 1.6-2.6 2.1a3.7 3.7 0 0 1-2.7-.2l1-1.7a17.7 17.7 0 0 0 1.6-2.2c.3-.5.4-1-.5-1.1-1.7 1.5-2.6 3.8-4.5 5.3a8.1 8.1 0 0 1-3.4-.3 18 18 0 0 1 1.1-2l3.5-5.9c.3-.5.3-.9-.3-1.7a31.2 31.2 0 0 0-3.1 4.9l-3.2 5c-1.2-.2-2.4.4-3.7-.6a25.6 25.6 0 0 0 1.2-3.2l.9-2.7c.2-.9-.1-.7-.8-.6-1.3 2.1-1.7 4.8-3.2 7h-5.2c-.3 0-.8 0-.7-.9l4.3-2.4c0-1.3 0-1.3-1-1.7l-4.9 3.2a1.1 1.1 0 0 1-1.4-.1v.2a.1.1 0 0 0-.1-.1l3.2-5.3a10.4 10.4 0 0 1 1.2-1.7l5.5.6h1.5l.5-.8-2.4-.6-3-.4c-.5-.1-1-.1-1.2-1s.8-2.2 2.1-3l7.6-.2a9.9 9.9 0 0 0 2.4-.3c.2 0 .3-.4.7-.9l-1.9-.2-6.6.2-1.6-.2a11 11 0 0 1 1.8-3.4l5.7-.9c.5-.1 1-.3.6-1.1s-3.3.3-5 .3.5-1.9 1.1-2.7l2.3-.4c.4-.1.7-.4.4-1.1l-2.6-.2L42.8 0h-.5c-.8 1.2.8 2.2.4 3.4a2.9 2.9 0 0 1-1.5 2A19.2 19.2 0 0 0 40 2.9c-.4-.8-.4-1.8-1.3-2.2s-.3.1-.3.2c-.3 2.5 1.7 4.3 1.9 7-.7.7-.7 2.2-2.2 2.7l-2.2-4.4c-1.8-3.5-1.8-3.5-3-4.2a4.8 4.8 0 0 0 0 1.2l1.8 3.6 2.9 5.8-1.4 2.6-.7.7c-1.8-1.5-2.6-4-4.9-5.5l.1 1.5 2.4 3.2 1.7 2.6-3.1 5.5c-.1.2-.4.2-.6.3a10.9 10.9 0 0 0-.1-1.8c0-.8-.7-1.1-1.5-.8s-.4.5-.6.7a3.9 3.9 0 0 1-.1 2.4 51.9 51.9 0 0 1-3.7-6.5l3-4.1a12.2 12.2 0 0 0 1.2-1.9c.1-.2-.1-.5-.2-.9s-1.6 1.6-2.4 2.4-1.3 2.1-2.5 3a12.8 12.8 0 0 1-1.8-3.5l1.3-2.7 3.2-6.4c.2-.5.4-1-.1-1.4s-.9.4-1.1.9l-3.4 6.6c-.2.4-.4 1-1.2 1l-1.6-2.9 1.2-3.2c.4-1.2 1.1-2.2 1-3.4s-.9-.2-1.1.2-.9 3-2.1 4.2a3.9 3.9 0 0 1-1.3-2.3l.7-3.1c-1.7 0-1.4 1.7-2.6 2.3h-1.9c-.2 0-.4.3-.6.5s2.1.5 3 1.2 1.2 1.4 1 2.6c-1.8.1-3.5-.8-5.2-.2.1.9.6 1 1.1 1.1l5.5.8a9.6 9.6 0 0 1 1.6 3.4 9.3 9.3 0 0 1-3.3.1h-3.3c-1.1.1-2.2-.4-3.2.3a1 1 0 0 0 1.1 1l7.5.2 2.3.3a7.5 7.5 0 0 1 1.7 3.3c-2.1 1.1-4.5.4-6.5 1.6.2.3.3.7.5.7h1.5a51.4 51.4 0 0 1 5.5-.6c2.2 3.1 3 4.7 3.4 6.7a16.1 16.1 0 0 1-4.5-3c-1.1.7-1.1.7-1 1.9s3.1 1.2 4.4 2.9a21.2 21.2 0 0 1-7.1.1l-2.7-6.4-.4-.4h-.5c-.4 2.5 1.8 4.3 1.8 7a11.6 11.6 0 0 1-3.7-.1l-1.3-2-3.5-5.9A8.1 8.1 0 0 0 7.3 18c-.1-.1-.5.1-.8.1a9 9 0 0 0 1.5 3z" fill="#fff"/>
    </svg>
      <svg id="flakesTwo" class="starMedium" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.1 60">
      <path d="M57.8,44.5l-3.3-1.9,1.9-3.3L54.1,38l-1.9,3.2L46.6,38V31.5h6.8V28.8H46.6V22.2L52.2,19l1.9,3.3L56.4,21l-1.9-3.3,3.3-1.9-1.4-2.4-3.2,1.9L51.3,12l-2.4,1.4,1.9,3.3-5.6,3.2-5.6-3.3L43,10.7,40.6,9.4l-3.3,5.8-5.7-3.4V5.6h4.1V2.9H31.6V.1H28.9V2.9H24.8V5.6h4.1v6.2l-5.7,3.4L19.8,9.4l-2.3,1.3,3.3,5.9-5.6,3.3L9.7,16.7l1.8-3.3L9.2,12,7.3,15.3,4,13.4,2.7,15.8l3.2,1.9L4,21l2.4,1.3L8.3,19l5.6,3.3v6.5H7v2.7h6.9V38L8.3,41.2,6.4,37.9,4,39.3l1.9,3.3L2.7,44.5,4,46.8l3.3-1.9,1.9,3.3,2.4-1.3L9.7,43.6l5.5-3.2,5.6,3.3-3.4,5.8,2.4,1.4,3.4-5.8,5.7,3.3v6.3H24.8v2.7h4.1v2.7h2.7V57.4h4.1V54.7H31.6V48.4l5.7-3.3,3.3,5.8L43,49.5l-3.4-5.8,5.6-3.3,5.6,3.2-1.9,3.3,2.4,1.3,1.9-3.3,3.2,1.9ZM43.9,36.4l-11-6.3,11-6.3ZM42.5,21.5,31.6,27.8V15ZM28.9,15V27.8l-11-6.3ZM16.6,23.8l10.9,6.3L16.6,36.4Zm1.3,15,11-6.3V45.2Zm13.7,6.4V32.5l10.9,6.3Z" transform="translate(-2.7 -0.1)" fill="#fff"/>
    </svg>

      <svg id="bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1100.4 261.9">
      <path id="landscape-back" d="M1099.8,809.8a861.8,861.8,0,0,0-179.9,16.3c-.9-1-1.4-2-1-2.7s9.4,0,9.4,0-17-11.1-14.9-15.5c.7-1.5,9.9,0,9.9,0s-14.8-11.7-12.5-16.3c.8-1.5,6.9,0,6.9,0l-13.8-21.7h-.1L890,791.7s6.1-1.5,6.9,0c2.3,4.6-12.5,16.3-12.5,16.3s9.1-1.5,9.9,0c2.2,4.3-14.9,15.5-14.9,15.5s8.8-1.4,9.4,0-3.6,5.4-7.3,7.8c-7.6-4.9-18.9-13.1-16.9-17.2s18.8,0,18.8,0-33.9-22.2-29.6-30.8c1.5-2.9,19.7,0,19.7,0s-29.5-23.3-25-32.5c1.5-3.1,13.8,0,13.8,0l-27.5-43.3h-.2L807,750.8s12.2-3.1,13.7,0c4.5,9.2-25,32.5-25,32.5s18.2-2.9,19.7,0c2.3,4.5-6,12.8-14.4,19.6l-16.9-26.6h-.2l-17.4,27.4s7.7-2,8.7,0c2.9,5.8-15.8,20.6-15.8,20.6s11.5-1.8,12.5,0c2.7,5.4-18.7,19.5-18.7,19.5s11.1-1.7,11.9,0c1.9,3.8-14.7,13.4-14.7,13.4s25-5.4,30.4,0v.6c-21.3,5.4-41.5,10.8-60.3,15.8a26.1,26.1,0,0,0,4.8-19.7l-.9-4.8a18.5,18.5,0,0,0-1.6-5.2,12.5,12.5,0,0,1-1.3-4.4c3.2-.5,6.1.4,9,.2,2.6-1.9,4.5-4.5,7.1-6.1a28,28,0,0,0,5.9-.9v-1.2c-1.3-.5-2.5.5-3.6-.2s2.4-1.7,1.5-3.7l-1.8,1.4c-.4.3-.7.8-1.4.4l-.3-3.2h-1.3a9,9,0,0,0-.6,4.2,3.9,3.9,0,0,1-1.3,3.5l-5,4.5c-3.3-.2-6.4-.3-9.5-.6a4.8,4.8,0,0,1-2.1-.7c-1.9-1.8-4.3-2.4-6.7-3.1l-1.7-.7a63.7,63.7,0,0,0,2.8-6c.7-2.1,1.1-4.3,1.6-6.4l-.4.3c-4.6,2.3-12.7,6.1-15.6,4.8-.5-.2-1.4-.5-1.4-1,.3-4.9,11-5.4,15.5-6.7a1.2,1.2,0,0,1,1.5.9,1.3,1.3,0,0,1,.4,1.7c1.5-1.2,3.6-.9,4.8-2.4l-.3-.4c-1.9-.9-3.8.4-5.9-.1a25.4,25.4,0,0,0-8.1-9.8,18.5,18.5,0,0,1,3.2-2.5l3-1.9a.9.9,0,0,0,.1-1.6l-4.1-.8c-1.4-.2-2.8-.1-4.2-.2s-4.3-.3-6.5-.3a2.9,2.9,0,0,1-3-2.4,9,9,0,0,1-.4-2.8c0-1.7.2-3.5.3-5.2a3.1,3.1,0,0,0-.2-2.5c-6.2.5-16.1,5.6-19.5,10l2.1,1.4a7.7,7.7,0,0,1,2.6,2.8,37.6,37.6,0,0,1,3.5,8.8,59.9,59.9,0,0,1-4.5,5.5c-.6.8-1.2,1.5-1.7,2.3a1.2,1.2,0,0,0,0,1.6l3.1.5c-.3,1.5-.4,2.9-.7,4.2a11.8,11.8,0,0,0,1.1,7.8c.5,1,1.1,1.9,1.6,2.8l1,1.7c-.6.6-1,1.2-1.6,1.7a27,27,0,0,0-6.1,8.2c-.1.2-.1.3-.2.4h0a3.7,3.7,0,0,1-1.2.7l-8.9,3.4-6.1-2.8a3.6,3.6,0,0,1-2.3-2.9,8.3,8.3,0,0,0-1.9-3.9l-1.3.4c.2,1.1.4,2.1.7,3.2s-.9.2-1.4,0l-2.2-.8c-.2,2.1,2.1,1.7,2.6,3.1s-2.3.4-3.3,1.3a7.6,7.6,0,0,0,.4,1.1,30.1,30.1,0,0,0,5.9-.9c2.9.8,5.5,2.7,8.5,3.8,2.8-.7,5.4-2.4,8.5-2.9a.4.4,0,0,0,.1.3l1.3-1.7a27.3,27.3,0,0,0-1.7,8.5,43.4,43.4,0,0,0,.6,7.1,13.6,13.6,0,0,0,1.8,5.1,75.7,75.7,0,0,0,4.9,7.6,13.8,13.8,0,0,0,4.7,4.3l2.6,1.3c-33.5,9.2-60,17.5-76.8,20.6C482.7,927.2,345.7,981.3,9.9,889.8c6.9-.5,17.3,1.7,17.3,1.7s-12.3-7.1-10.9-9.9,8.8,0,8.8,0S9.2,871.2,11.2,867.1c.7-1.4,9.2,0,9.2,0s-13.9-11-11.7-15.3c.7-1.4,6.4,0,6.4,0L2.4,831.5H2.3L.2,834.8V969.3H1099.9V809.8Zm-400.3,5.6c.6,1.5.8,2.8-.7,4l-1.1-.4-.8-.9C697.5,816.8,697.7,815.4,699.5,815.4Zm-9.7,6.3c-.4-1.9-.1-2.4,1.7-3.6,1.3,1.9,1.2,2.9-.6,4.5A1.1,1.1,0,0,1,689.8,821.7Zm1.4,9.8c.4,0,.7-.1.9,0s1.4,1,2.2,1.4a5.2,5.2,0,0,0,6.2-1l2.6-2.9,1.2.9c-2.1,3.6-5.9,5.6-9.1,4.9S692.2,833.5,691.2,831.5Zm4.9,16.3a7.8,7.8,0,0,1,5-2.1,2.9,2.9,0,0,1,2.8,2.3,3.9,3.9,0,0,1-.5,2.8c-1.1,1.7-4.2,2.5-6.1,1.9A2.9,2.9,0,0,1,696.1,847.8Zm1.8,9.5c2.3-1.4,4.8-2,7.4-.7l1.4.9c1.8,1.8,1.6,4.2-.4,5.4s-6.4,1.5-8.5,0A3.2,3.2,0,0,1,697.9,857.3Zm11.3,15.9a6.9,6.9,0,0,1-1,2.4c-2.2,2.4-6.3,3-8.5,1.5a3.9,3.9,0,0,1-1.6-4.5,6.5,6.5,0,0,1,6.3-4.6C706.9,868,709.5,870.8,709.2,873.2Zm83.7-69.5c.7-1.5,5.3-.7,7.5-.3-2.3,1.9-4.6,3.6-6.7,5.1C792.7,806.7,792.3,805,792.9,803.7Zm3.1,21.8a2.5,2.5,0,0,1,.2-1.2c.2-.4,1.1-.7,2.2-.8A25.4,25.4,0,0,1,796,825.5Zm.8-12.5c3.8-.2,7.3,0,7.8,1.1s-.1,3.2-1.8,5.1C800.9,817.3,798.7,815.2,796.8,813Zm32.5,32.8-20.9,5c-3.4-2.6-6.1-5.4-5.3-7.1s11.9,0,11.9,0-9-5.9-14.6-11.5c11.4-1.2,24.5-1.5,28.9,3v10.6Zm10.6-2.5v-8.1c5.8-5.8,25.9-3.7,38.2-1.8l-1,.6,2.2-.4,2.3.4C867.4,837,853.5,840.2,839.9,843.3Zm44.9-10-.7-.4c1.8-.2,3.7-.5,5.7-.6Z" transform="translate(-0.2 -707.5)" fill="#fff" fill-rule="evenodd"/>
      <path id="landscape-front" d="M1079.9,807.7C866.7,793.8,708.5,824.5,601.1,860c-2.7-2.1-6.4-5.3-5.7-6.8s5.6,0,5.6,0-8.4-6.7-7.1-9.3c.4-.9,3.9,0,3.9,0L590,831.5h0l-7.8,12.4s3.5-.9,3.9,0c1.3,2.6-7.1,9.3-7.1,9.3s5.2-.8,5.6,0-3.9,5.6-6.7,7.5c-2.2-1.7-4.1-3.5-3.6-4.6s7.4,0,7.4,0-13.4-8.8-11.7-12.2c.6-1.2,7.7,0,7.7,0s-11.6-9.2-9.8-12.8c.6-1.2,5.4,0,5.4,0L562.5,814h-.1l-10.9,17.1s4.8-1.2,5.4,0c1.8,3.6-9.9,12.8-9.9,12.8s7.2-1.2,7.8,0c1.7,3.4-11.7,12.2-11.7,12.2s6.9-1.1,7.4,0-9.2,8.3-9.2,8.3,15.6-3.3,19,0v8.9c-23,7.3-46.2,14-70.7,19.6V888c2.4-2.4,13.7,0,13.7,0s-7.5-4.3-6.7-6,5.4,0,5.4,0-9.7-6.4-8.4-8.8c.4-.8,5.6,0,5.6,0s-8.4-6.7-7.1-9.3c.4-.9,3.9,0,3.9,0l-7.8-12.4h-.1l-7.8,12.4s3.5-.9,3.9,0c1.3,2.6-7.1,9.3-7.1,9.3s5.2-.8,5.6,0c1.2,2.5-8.4,8.8-8.4,8.8s5-.8,5.4,0-6.6,6-6.6,6,11.3-2.4,13.7,0v5.5c-94.3,26.6-161.1,17.2-278.7-2.3v-1.8c2.6-2.5,14.4,0,14.4,0s-7.9-4.5-7-6.4,5.6,0,5.6,0-10.2-6.7-8.9-9.3c.4-.9,5.9,0,5.9,0s-8.9-7-7.5-9.8c.5-.9,4.1,0,4.1,0l-8.3-13h-.1l-8.2,13s3.7-.9,4.1,0c1.4,2.8-7.5,9.8-7.5,9.8s5.5-.9,5.9,0c1.3,2.6-8.9,9.3-8.9,9.3s5.3-.8,5.6,0-2.7,3.6-5,5.1c-7.1-1.4-14.3-2.9-21.6-4.6v-5.6c3.3-3.3,18.9,0,18.9,0s-10.3-6-9.2-8.3,7.4,0,7.4,0-13.4-8.8-11.7-12.2c.6-1.2,7.8,0,7.8,0s-11.6-9.2-9.9-12.9c.6-1.2,5.4,0,5.4,0l-10.8-17.1h-.1l-10.9,17.1s4.8-1.2,5.4,0c1.8,3.6-9.9,12.9-9.9,12.9s7.2-1.2,7.8,0c1.7,3.4-11.7,12.2-11.7,12.2s6.9-1.1,7.4,0-9.2,8.3-9.2,8.3,15.6-3.3,19,0v4.7c-12.4-2.7-25.1-5.7-38.2-9C85.8,863.2,44.9,852,.9,842.3V969.4h1058s15.3-.6,41.7-2.1V809.2C1093.7,808.6,1086.8,808.2,1079.9,807.7Zm-875.1,83-9.8-1.9c3.6-.5,8.4-.7,9.8.8ZM579,867.4l-14.5,4.7v-7.6c2.4-2.4,11.4-1.3,16-.5a31,31,0,0,1-5.7,4.1Zm2.3-4.3-2.1-1.4c1.1-.1,2.2,0,2.3.3A1.5,1.5,0,0,1,581.3,863.1Z" transform="translate(-0.2 -707.5)" fill="#fff" fill-rule="evenodd" opacity="0.6" style="isolation: isolate"/>
    </svg>
    <!--  ______________ SVG end ______________   -->
    </div>
       
</div>
body{
  background-color: lightblue;
  overflow: hidden;
  margin: 0;
}

#bg {
  position: fixed;
  bottom: 0;
}

.roundSmall,
.roundMedium,
.roundLarge {
		background: #fff;
		border-radius: 50%;
		position: absolute;
		width: 3px;
		height: 3px;
}
.roundMedium {
		width: 4px;
		height: 4px;
}
.roundLarge {
		width: 5px;
		height: 5px;
}

.starMedium {
    position: absolute;
		width: 16px;
		height: 16px;
}

.sharpLarge {
    position: absolute;
		width: 30px;
		height: 30px;
}
View Compiled
$(document).ready(function() {
  var w = window.innerWidth, h = window.innerHeight;
  
  var snowflakes = 20,
      original = document.getElementById("flakesOne"),
      original2 = document.getElementById("flakesTwo"),
      larr = [],
      larr2 = [],
      container = document.getElementById("snow"),
		  sizes = ["Small", "Medium", "Large"];
  
  //Hide two flakes
  TweenMax.set(document.getElementById("flakesOne"), {y: -40, x: 40});
  TweenMax.set(document.getElementById("flakesTwo"), {y: -40, x: 40});
  
  //Animate falling
  function snowing(element) {
	 TweenMax.to(element, R(5,16), {y: h+140, x: R(40, w), ease: Linear.easeNone, repeat:-1, delay: -14});
	 TweenMax.to(element, R(4,8), {x: '+=120', repeat: -1, yoyo: true, ease: Sine.easeInOut});
	 TweenMax.to(element, R(4,10), {rotation: R(0,160), repeat: -1, yoyo: true, ease:Sine.easeInOut, delay: -5});
  };  

  //Create rounded snowflakes
  for (var i = 0; i < snowflakes; i++) {
		var snowflakeDiv = document.createElement('div');
		var sizeIndex = Math.ceil(Math.random() * 3) -1; 
		var size = sizes[sizeIndex];
		TweenMax.set(snowflakeDiv, {attr: {class: "round" + size}, x: R(0,w), y: R(-50, -50) }); 
		container.appendChild(snowflakeDiv);
		snowing(snowflakeDiv);
}

  //Clone 2 different inline svg snowflakes
  //Push the clones to arrays
  for (var i = 0; i < Math.ceil(snowflakes/2); i++) { 
    var clone = original.cloneNode(true); // "deep" clone
    var clone2 = original2.cloneNode(true); // "deep" clone
    clone.id = "flakesOne" + i;
    clone2.id = "flakesTwo" + i;
    original.parentNode.appendChild(clone);
    larr.push(clone);
    original2.parentNode.appendChild(clone2);
    larr2.push(clone2);
  }
  
  //Animate inline svg snowflakes with "snowing" function
  for (var i = 0; i < Math.ceil(snowflakes/2); i++) {
    snowing(larr[i]);
    snowing(larr2[i]);
  }

  //Generate random numbers for attributes
  function R(min,max) {
	  return min + Math.random() * (max-min)
  };
  
});


External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js