html烟花代码在线编程,HTML5 Canvas实现烟花绽放特效
Canvas实现放烟花特效
html,body{height:100%;margin:0;padding:0}
ul,li{text-indent:0;text-decoration:none;margin:0;padding:0}
img{border:0}
body{background-color:#000;color:#999;font:100%/18pxhelvetica,arial,sans-serif}
canvas{cursor:crosshair;display:block;left:0;position:absolute;top:0;z-index:20}
#headerimg{width:100%;height:20%;}
#bgimg{width:100%;height:80%;}
#header,#bg{position:fixed;left:0;right:0;z-index:10}
#header{top:0}
#bg{position:fixed;z-index:1;bottom:0}
audio{position:fixed;display:none;bottom:0;left:0;right:0;width:100%;z-index:5}
Canvas实现放烟花特效 html,body{height:100%;margin:0;padding:0} ul,li{text-indent:0;text-decoration:none;margin:0;padding:0} img{border:0} body{background-color:#000;color:#999;font:100%/18pxhelvetica,arial,sans-serif} canvas{cursor:crosshair;display:block;left:0;position:absolute;top:0;z-index:20} #headerimg{width:100%;height:20%;} #bgimg{width:100%;height:80%;} #header,#bg{position:fixed;left:0;right:0;z-index:10} #header{top:0} #bg{position:fixed;z-index:1;bottom:0} audio{position:fixed;display:none;bottom:0;left:0;right:0;width:100%;z-index:5}
上一篇：
IDEA上Java项目控制台中文乱码