分享之前我先推举下我自己的web前端学习互换群：675498134，不管你是小白还是大神，我都欢迎你们过来学习互换，不定期分享干货，包括我自己整理的最新的前端资料和教程送给大家，欢迎初学和进阶中的小伙伴，一起学习一起互换，共同进步。
本日我们要再来分享一款超酷的HTML5火球挡板碰撞动画游戏。屏幕上有一个火球在一直的运动，你可以移动鼠标滑动屏幕下方的挡板，火球碰撞到挡板后，即可反弹出去，这是个很有特色的HTML5游戏。
2、HTML5/CSS3圆盘秒表动画 秒表可停息计时
本日我们要分享一款基于HTML5和CSS3的圆盘秒表动画，秒表可以精确到0.001秒，并且可以在计时过程中停息计时，同时秒表可以随时重置。
3、3D版HTML5仿照衣服撕扯动画
还记得很早以前向大家分享的这款HTML5 Canvas仿照衣服撕扯动画吗？这绝对是一款非常具有创意而且很好玩的HTML5动画。本日我们来分享一下它的3D版本，在原来的根本上，衣服布料呈3D环形显示，你同样可以用鼠标拖拽衣服，不过和之前不同的是，鼠标左键用来拖拽衣服，鼠标右键用来切割衣服，失落去了之前鼠标用力程度和衣服破碎程度的关系，彷佛功能上有所缺失落，但是HTML5 3D功能还是不错的。
4、纯CSS3实现超酷的磁带动画
记得之前分享过一款HTML5磁带式古典播放器，效果相称震荡。这次我们要用纯CSS3来实现一个超酷的磁带动画殊效。首先用纯CSS3绘制了一个磁带的外不雅观，还是相称逼真的，然后用CSS3的动画属性实现了磁带的旋转，就像在播放歌曲一样，如果合营HTML5的音频播放功能，就和那个磁带播放器差不多了。
5、HTML5仿Apple Watch时钟动画
Apple Watch刚刚发布不久，就已经有国外的大牛将其时钟表盘界面用HTML5模拟出来了，并且这款HTML5仿Apple Watch的时钟是动态的，可以根据本地韶光实时更新指针数据。时钟的界面非常华美，确实有苹果的风格，HTML5也的确非常强大。
6、纯CSS3和SVG鼠标滑过灯泡发光殊效
这次要分享一款利用纯CSS3和SVG实现的灯泡发光效果，我们只须要将鼠标滑过灯泡，全体灯泡就会涌现发光发亮的动画殊效，效果相称逼真。CSS3的利用，让灯泡外围有一层淡淡的光晕。并且在灯光点亮和熄灭的时候有淡入淡出的效果。
7、HTML5动感的火焰燃烧动画殊效
这又是一款基于HTML5的超炫动画殊效，是一款动感的火焰燃烧动画效果。这款HTML5动画火焰燃烧非常逼真，之前我们也分享过一些其他的HTML5火焰燃烧动画，比如：HTML5 Canvas火焰燃烧动画和纯CSS3实现打火机火焰动画。一样平常像这样的HTML5动画都是基于Canvas的，本日的这款也不例外。
8、CSS3图片倾斜效果 可倾斜四个角度
本日我们再来分享一款CSS3图片殊效，它可以让网页上的图片倾斜任意的角度，其实在CSS3中实现图片的倾斜非常大略，我们并不须要利用繁芜的JS打算各种角度，只要用CSS3的transition属性即可完成图片的倾斜效果，非常大略，详细实现大家可以看DEMO演示。
分享到这里就告一段落了，学习web前真个朋友可以来我的群，群里每天都有对应资料学习：675498134，欢迎初学和进阶中的小伙伴。
