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}