HTML5实现晶莹剔透的雨滴特效

你一定看到了雨滴的效果。本文引入的这种特殊效果是通过HTML5实现的。这是很清楚的,有兴趣的朋友可以试着运行它。





复制代码代码如下所示:


HTML5的雨滴效果

img {显示:无;}
主体{溢出:隐藏;}
#帆布{位置:绝对;顶部:0px;左:0px;}



函数演示(){
VaR('canvas发动机=新的雨天,'demo1 ',window.innerwidth,窗口。innerheight);
engine.gravity = engine.gravity_non_linear;
engine.trail = engine.trail_drops;
engine.rain({
(0, 2, 500)engine.preset
});
engine.rain({
engine.preset(3, 3,0.88),
engine.preset(5, 5,0.9),
(6, 2, 1)engine.preset,
},100);
}