10款HTML5/CSS3实现图片倒影3D效果-爱前端网

1.HTML5/SVG实现布谷鸟时钟动

这是一款基于HTML5和SVG的布谷鸟时钟动画，动画效果就像老式的钟楼里的时钟，整点报时的时候会出现一只布谷鸟，并伴随着一对新人的舞蹈，非常有意思的一款HTML5动画

2.jQuery带文字标题图片切换焦点图

这是一款很实用的jQuery焦点图插件，它的最大特点就是使用非常方便，而且实现相对比较简单。焦点图的图片下方悬浮文字链接，鼠标滑过文字时即可切换至相应的图片，在图片切换的过程中出现淡入淡出的动画效果，简单而不乏韵味

3.HTML5/CSS3实现图片倒影3D效果

这是一款基于HTML5的图片倒影特效，同时它主要利用了CSS3的倾斜属性，通过这样的渲染，让图片整体看上去很富有立体感，图片的倒影看上去也非常逼真，是一款比较实用的HTML5图片应用

4.jQuery全屏广告图片焦点

全屏的jQuery焦点图插件在之前我们已经介绍过很多了，比如这款jQuery全屏滑块焦点可自定义内容。今天我们要介绍的这款jQuery全屏广告图片焦点图插件也非常不错，图片切换时有淡出淡出的动画效果，并且也相当流畅

5.jQuery图片左右滑动焦点图插

这又是一款基于jQuery的焦点图插件，这款jQuery焦点图插件的特点是可以多张图片左右滑动切换，可以点击切换按钮进行图片滑动，同时也支持图片自动切换。另外，这款jQuery焦点图是宽屏的，看上去十分大气，很适合产品图片的展示

6.jQuery文件夹管理插可删除文件夹

今天我们要来分享一款非常不错的jQuery插件，它模拟了操作系统的文件系统，可以选中文件夹，然后对文件夹进行删除和重命名操作，并且也可以创建新的文件夹。这款jQuery文件夹管理插件可以自己改写，实现文件夹的拖动和排序

7.HTML5堆木头游超经

今天要来分享一款很经典的HTML5游戏——堆木头游戏，这款游戏的玩法是将木头堆积起来，多出的部分将被切除，直到下一根木头无法堆放为止。这款HTML5游戏的难点在于待堆放的木头是移动的，因此需要你很好的控制木头下落的位置

8.jQuery图片分组切换焦点图插

这是一款基于jQuery的图片切换焦点图插件，这款jQuery焦点图插件的特点是图片可以分组切换，也就是说一次可以切换多张图片，相比其他焦点图插件，它能节省更多的空间，可以向用户展示更多的图片，非常实用

9.jQuery鼠标滑动切换焦点

这又是一款jQuery焦点图插件，和其他焦点图的功能类似，它也可以自定义图片的数量，点击切换按钮进行图片切换。另外，这个jQuery焦点图的一大特点是支持鼠标滑动切换图片，因此如果将它应用在移动设备上，也可以支持触屏滑动切换

10.jQuery带格式验证的注册表单

这是一款外观很不错，而且功能也比较强大的jQuery注册表单，这款jQuery表单的特点是带有严格的表单字段格式验证功能，比如电子邮箱的格式、用户名格式以及密码复杂度和长度等。另外，当格式验证无法通过时，不仅会在表单附近显示错误信息，而且按钮也是不可用状态，鼠标样式也会改变

10款HTML5/CSS3实现图片倒影3D效果