html+css+JS雪花飘落背景特效

准备好需要用到的图标。

新建html文档。

书写css代码。body{margin:0;font-size:12px;line-height:1.666;}.g-body{background: url('../images//body_bg.png') center top no-repeat; background-color: #FFF;height:1000px}.toolbar{height:31px;line-height:29px;color:#8e8e8e;background:#f5f6f8;display:block;text-align:center}.snowFall{position: absolute; top: 0; z-index: 3;pointer-events: none;_display: none; color: #ffffff;}.snowFallTop{left: 0; width: 1220px; height: 162px; }.snowFallLeft{left: 0; height: 742px; z-index: 3;}.snowFallRight{right: 0; height: 742px; z-index: 3;}

书写并添加js代码。

代码整体结构。

查看效果。