css3+js 实现砸金蛋效果

　　最近闲来无事，在网上看到有人写了个砸金蛋的效果，他是没有用到css3的，当时我就感觉没什么动态效果

感觉体验不是很好，所有我就想用css3来改下，于是也来试着写写。

本来想弄个视频给你们看看效果的，但是不知道怎么上传视频，就只有给你们看看效果的图片，图片是我自己弄得

不怎么会p图，不要见笑啊！

 

大部分地方我都写注释了，所以就不多介绍了，有点基础的都可以看懂。

首先建立index.html

然后建立css文件

最后是核心部分js

 

 好了大致就是这样，如果你们觉得有什么不足之处，可以提出来讨论。