純css雪花飄落特效

html代碼：

<div class="snow"></div>

css代碼：

.snow{width:100%;height:10rem;background: url(../images/snow.png) repeat-y center;z-index: 9999999999;-webkit-animation: snow 9s linear infinite;animation: snow 9s linear infinite;}
@-webkit-keyframes snow{
0% { background-position: center 0, 0 0;}
100% { background-position: center 885px, 0 0;}
}
@keyframes snow{
0% { background-position: center 0, 0 0;}
100% { background-position: center 885px, 0 0;}
}