原生JS实现网页烟花动画效果——前端工程师必备技能!

原生JS实现网页烟花动画效果——前端工程师必备技能!_第1张图片

原生js实现放烟花效果,点击鼠标,然后向四周扩散,最后自由落体效果!最简单的方法实现!

CSS代码:

	*{
		padding: 0px;
		margin: 0px;
		background: #000;
	}
	.firworks{
		width: 6px;
		height: 6px;
		position: absolute;
	}
js:代码:

(我吃酸萝卜 新浪微博http://www.weibo.com/wcslb          ---李帅醒著)


你可能感兴趣的:(原生JS小案例,javas,js,动画,烟花)