Эффект падающего снега
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 / Хабрахабр
Поддержать автора