css3+js 實現砸金蛋效果

　　最近閑來無事，在網上看到有人寫了個砸金蛋的效果，他是沒有用到css3的，當時我就感覺沒什么動態效果

感覺體驗不是很好，所有我就想用css3來改下，於是也來試着寫寫。

本來想弄個視頻給你們看看效果的，但是不知道怎么上傳視頻，就只有給你們看看效果的圖片，圖片是我自己弄得

不怎么會p圖，不要見笑啊！

 

大部分地方我都寫注釋了，所以就不多介紹了，有點基礎的都可以看懂。

首先建立index.html

然后建立css文件

最后是核心部分js

 

 好了大致就是這樣，如果你們覺得有什么不足之處，可以提出來討論。