about 5 years ago
Hi all, Below is an example of snow falling effect using pure css3. in this example I'm just using css animation and change the snow image position -
css
#snow{ background: none; background-image: url('snow.png'),url('snow2.png'),url('snow2.png'); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index:-1; -webkit-animation: snow 10s linear infinite; -moz-animation: snow 10s linear infinite; -ms-animation: snow 10s linear infinite; animation: snow 10s linear infinite; } @keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} }
For output you can see the background of the current page.
Starting with Chrome version 45, NPAPI is no longer supported for Google Chrome. For more information, see Chrome and NPAPI (blog.chromium.org).
Firefox and Microsoft Internet Explorer are recommended browsers for websites using java applets.
Chrome Version Support
Are you sure, you want to delete this comment?
Sign up using
0 Comment(s)