html5 树叶飘落,使用Html5实现树叶飘落的效果

实现如图所示的东西效果(落叶下落)： html代码： !DOCTYPE htmlhtmlhead titleHTML5树叶飘落动画/title meta charset=utf-8 meta name=viewport content=width=500px, initial-scale=0.64 link rel=stylesheet href=leaves.css type=text/css script src=le

实现如图所示的东西效果(落叶下落)：

html代码：

HTML5树叶飘落动画

这是基于webkit的落叶动画

css代码：body{

background-color: #4E4226;

}#container {

position: relative;

height: 700px;

width: 500px;

margin: 10px auto;

overflow: hidden;

border: 4px solid #5C090A;

background: #4E4226 url('images/backgroundLeaves.jpg') no-repeat top left;

}#leafContainer {

position: absolute;

width: 100%;

height: 100%;