HTML5+CSS3烟花特效交互页面
HTML5 的
HTML5 的标签用得挺溜，基本上所有的烟花动画都在这上面画出来的。你点一下、滑一下，背后的addEventListener就开始干活儿了，挺丝滑。
CSS3 的动画也是一大亮点，@keyframes定义的烟花从升空到爆炸的过程，过渡自然，看着还挺有成就感的。另外像:hover和:active这些选择器也加了点交互味儿。
JavaScript这块就是烟花的“大脑”了。鼠标点一下，onmousedown马上响应，烟花发射；动一下鼠标，onmousemove又有新变化，视觉效果挺丰富。DOM 操作也是一把好手，烟花该生成就生成，该消失就干净利落地干掉。
资源管理上也没掉链子。背景用了bg.jpg，挺有氛围感的；两个sprite.png文件配合精灵图技术，加载快、样子也丰富；还有个music目录，给你点儿背景音乐，氛围到位。
如果你正在找一个canvas实战项目，或者想练练CSS3 动画+JavaScript 事件，这个烟花项目挺适合拿来玩一玩。
文件大小：10.14MB
评论区