在线html5应用,8个非常神奇的HTML5动画和应用

本文作者html5tricks，转载请注明出处

今天我们继续来为大家分享一些效果相当不错的

1、CSS3图片悬停放大特效

今天我们要来分享一款很酷的CSS3图片特效，这款图片特效可以利用鼠标滑过图片使其悬停放大，并使图片的周围出现发光的效果。配合黑色的背景，这款CSS3图片悬停放大效果显得更加立体大气，非常适合产品图片的展示。

2、HTML5 SVG 3D蝴蝶飞舞动画

这次我们要分享的这款

3、HTML5 Canvas波浪动画

还记得之前我们分享的超酷的HTML5 Canvas波浪墙吗，是的，只要你的浏览器支持HTML5 WebGL，就可以观看强大的HTML5波浪效果。今天我们要分享的这款波浪动画也是基于HTML5 Canvas的，特点是可以控制滑杆来调节波浪的高度。

4、jQuery滑过头像图片展示个人信息效果

这是一款经典的jQuery图片插件，同时，也可以是一款jQuery提示框插件。这款

5、

今天我们要分享一款很酷的HTML5 3D动画特效，这款3D特效可以为你的图片增加阴影的效果，而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果。这和之前分享的HTML5 3D动画HTML5 3D正方体旋转动画有着类似的效果，大家也可以看看。

6、CSS3/jQuery简易焦点图

之前我们分享过很多非常不错的CSS3焦点图插件，我们印象最深刻的要算这款HTML5/jQuery 3D焦点图插件。今天要再来分享一款简易的CSS3焦点图应用，这款焦点图应用的图片切换方式非常丰富，而且焦点图的切换按钮比较小，图片篇幅占据比较大，因此总体比较大气。

7、jQuery实现3D图片翻牌切换

今天我们要来分享一款利用jQuery实现的3D图片翻牌切换效果，当你点击上一张下一张按钮或者滚动滚轮的时候图片就能够以淡入淡出的方式切换，类似翻牌的效果，非常酷。另外我们再推荐一款很棒的jQuery焦点图插件：HTML5/jQuery 3D焦点图插件 多种超酷切换动画。

8、HTML5图片切换焦点图应用 3D投影效果

利用HTML5和CSS3技术制作一个图片焦点图特效非常简单，但是如果我们要让这款焦点图足够的精致，那就要花上比较大的力气。今天要分享的这款