10款web前端HTML5酷炫、实用动画特效集锦下载-爱前端网

1.使用 CSS3 动画实现的 3D 图片过渡特效

这是一个基于 CSS3 动画实现的图片过渡效果，共有 Flip、Rotation、Multi-flip、Cube、Unfold 等6种效果，它们将证明 CSS3 Transform 和 Transition 属性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择。

在线演示

源码下载

2.Timeline Portfolio – 时间轴作品集效果

这里分享一个超炫的时间轴展示作品集效果。设计师和前端开发人员可以借助这个效果来制作新颖的作品集和个人简历。时间轴专门用来呈现出年代的一系列事件。您可以把这种效果嵌入各种媒体，包括微博，视频和地图，并把它们与日期相关联。

在线演示

源码下载

3.jQuery热点新闻Tab焦点图插件

之前我们分享过好多基于jQuery的焦点图插件，效果都还很不错。这次要分享的jQuery焦点图插件非常适合展示热点新闻，它可以在图片上方展示文字标题，并且焦点图的切换按钮时tab风格的，图片切换也十分流畅。

在线演示

源码下载

4.jQuery图片下滑切换焦点图插件

这次我们要分享的一款jQuery插件也比较实用，是一款jQuery焦点图插件。焦点图相当普通，一共可以循环播放4张图片，并且每一张图片在切换的时候都是向下滑动的切换效果，并且在向下切换时产生弹性的动画特效，另外，插件是基于jQuery的，各种浏览器的兼容性应该还不错。

在线演示

源码下载

5.纯css3实现的tab选项卡

今天给大家带来一款纯css3实现的tab选项卡。单击左侧的选项的时候，右侧内容以动画的形式展示。

在线演示

源码下载

6.CSS3 动画实现12种风格的通知提示

今天我们想分享几个简单的款式的网站通知效果。有很多的方式来呈现消息给用户：从经典的咆哮般的通知到窗口顶部的通知栏。各个网站的通知样式和效果千篇一律，难得出现创意的通知效果。这里是实现一个应用 CSS3 动画实现各种风格的通知提示。

在线演示

源码下载

7.Pizza Pie Charts – 基于 Snap SVG 框架的响应式饼图

Pizza Pie Charts 是一个基于 Adobe 的 Snap SVG 框架的响应式饼图插件。它着重于集成 HTML 标记和 CSS，而不是 JavaScript 对象，当然Pizza Pie Charts 也支持 JavaScript 对象。基于 SVG 的图形显示让饼图在视网膜屏幕或任何高清屏幕的设备都很美观。另外，Pizza Pie Charts 能够自适应宽高，或者根据给出的最大宽度或最大高度显示。

在线演示

源码下载

8.Resumable.js – 基于 HTML5 File API 的文件上传

Resumable.js 是一个 JavaScript 库，通过 HTML5 文件 API 提供，稳定和可恢复的批量上传功能。在上传大文件的时候通过每个文件分割成小块，每块在上传失败的时候，上传会不断重试直到程序完成。这允许上传到本地或服务器的网络连接丢失后能够自动恢复上传。此外，它允许用户暂停，恢复，甚至恢复上传不失状态，因为只有目前上传块将被中止，而不是整个上传。Resumable.js 除了 HTML5 文件 API 意外，没有任何外部依赖。目前，这意味着支持仅限于 Firefox 4+, Chrome 11+ and Safari 6+。

在线演示

源码下载

9.Normalize.css – 现代 Web 开发必备的 CSS resets

Normalize.css 是一个可定制的 CSS 文件，使浏览器呈现的所有元素，更一致和符合现代标准。它正是针对只需要统一的元素样式。该项目依赖于研究浏览器默认元素风格之间的差异，精确定位需要重置的样式。这是一个现代的，HTML5-ready 的 CSS 重置样式集。

在线演示

源码下载

10.Fast Image Cache – iOS 应用程序高性能图片缓存

Fast Image Cache 是一种在 iOS 应用程序中高效、持续、超快速的存储和检索图像的解决方案。任何良好的 iOS 应用程序的用户体验都应该是快速，平滑滚动的，Fast Image Cache 提供图像高速缓存有助于使这更容易实现。对于图片丰富的应用程序，图片加载的性能是个很大的问题。从磁盘中加载单个图像的传统方法实在是太慢了，尤其是在滚动的时候，Fast Image Cache 是专为解决这个问题。