樱花飘落特效
在百度上搜索樱花飘落特效,发现自己之前的特效文章并没有被搜录,于是又厚着脸皮重新发了一遍,希望这次百度能给我收录咯。
该特效是根据snowfall.jquery.js雪花插件修改的,需要依赖jquery。
该插件的参数有:
- flakeCount|number 雪花数量
- flakeColor|#RGB 雪花颜色
- flakeIndex|??? 不清楚
- minSize|number 雪花最小体积
- maxSize|number 雪花最大体积
- minSpeed|number 雪花最小速度
- maxSpeed|number 雪花最大速度
- round|boolean true雪花圆形|false方形(笑哭)
- shadow|boolean true雪花有阴影|false无阴影
- image|url 雪花图片
使用demo
//css部分
1 | <style> |
//js部分
1 | <script type="text/javascript" src="/js/jquery.min.js"></script> |
飘落的时候添加了css的3D翻转效果,使之更加逼真
图片是用ps一个一个扣下来的。扣好发现jpg格式不能带透明度,然后又心酸的重新扣png格式的。。。
希望这篇文章能给你带来知识和乐趣,喜欢博主的文章可以加博主好友哦
有好的文章也可以向博主投稿哦
您的喜欢是作者写作最大的动力
QQ群和公众号