Эффект падающего снега

CSS

За анимацию отвечает свойство @keyframes, которая появилось в CSS 3.

html,body{height: 100%}

body {
    background: url(home.jpg) no-repeat;
    background-size: cover;
}

@keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#snow-container {
    background-image: url(snowflake.png), url(snowflake3.png), url(snowflake2.png);
    height: 100%;
    animation: snow 20s linear infinite;
}

Пример:

Источник: Создаем новогоднюю открытку при помощи CSS3 / Хабрахабр