HTML5 CSS3创建扁平化个人音乐博客首页

继上一次制作《纯HTML5全功能高仿12306》以后，这一次给大家带来《HTML5  CSS3创建扁平化博客首页》，废话不多说，先上图：

源代码下载：HTML5 CSS3创建扁平化个人音乐博客首页

侧边栏设计：

点击播放按钮弹出的播放界面：

邓福如：《如果有如果》

如果有如果，如果你还在，请，说你爱我

田馥甄：《小幸运》

原来你是我最想留住的幸运

---

如果你已经迫不及待的想要尝试话，本宝宝奉上所有源代码：

源代码文件清单：

HTML文件:index.html

样式清空文件：reset.css

样式文件：main.css

JQuery文件:jquery.min.js（请自行下载JQuery文件）

JavaScript文件：main.js

注：本项目中使用的视频文件由于比较大，所以没有上传视频文件。读者可在酷狗音乐免费下载MV,在本项目中使用的视频文件名称分别为《邓福如：如果有如果》。

《张悬：关于我爱你》，《田馥甄：小幸运》

---

源代码下载：HTML5 CSS3创建扁平化个人音乐博客首页

我的微博：同Yong不同样，喜欢就关注我哦。