Snowfall animation on amitmerchant.com

style.scss

.site-avatar {
  /* Christmas snow 🌨 */
  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: rotate(
-15deg);
    background-image: radial-gradient(circle at 30% 30%, #fff 1.5%, transparent 2.5%), radial-gradient(circle at 80% 70%, #fff 1.5%, transparent 2.5%), radial-gradient(circle at 30% 50%, #fff 1%, transparent 2%), radial-gradient(circle at 70% 85%, #fff 1%, transparent 2%);
    background-size: 100% 100%, 100% 100%, 50% 100%, 50% 50%;
    -webkit-animation: snow 8s linear infinite forwards;
    animation: snow 8s linear infinite forwards;

    @keyframes snow {
      100% {
        background-position: 0px 200px, 0 200px, 0px 200px, 0px 200px;
      }
    }
  }
}