寒冷的冬天。。正所谓“墙角数枝梅，凌寒独自开”，让博客也开满梅花吧！

 

由于此为 CSS3 代码，目前仅支持 Webkit（Chrome,Chromium 内核浏览器, 搜狗浏览器等）、Firefox、Opera 浏览器。

 

使用方法

因为很多不知道怎么使用, 我就修改了下 js, 简化使用:

  • 1. 将 leaves.js leaves.css images 文件夹 放在同一目录下 ;
  • 2. 在头部或者底部引入 leaves.css;
  • 3. 在底部引入 leaves.js

 

leaves.js 我重新修改过, 提供两个参数:num, id

  • 1.num 为梅花数量 ;
  • 2.id 位包含梅花的 div 的 id;

 

修改办法如下: new FallingLeaves(15, “domid”); 要说一下的是修改了数量, 图片也要对应的增加.

 

演示

【牧风制造】CSS3梅花飘落效果-WP酷