10款使用CSS3动画实现的超炫的过渡特效

1.Magic CSS3 创建各种神奇的交互动画效

Magic CSS3 Animations 动画是一个独特的 CSS3 动画特效包,你可以自由地使用您的 Web 项目中。只需简单的在页面上引入 CSS 样式: magic.css 或者压缩版 magic.min.css 就可以使用了 这个项目现在GitHub上,包含 bling, perspective, rotate, slide, tin, bomb 等众多特效

在线演示

源码下载

2.Bootflat 基于 Bootstrap CSS 框架的扁平化界面

Bootflat 是一个开源的扁平化的 UI 工具包,基于 Bootstrap 3.1.0 CSS 框架。它 Web 开发人员提供了一个创建优雅的 Web 应用程序的更快,更容易和更少的重复任务的途径。另外,Bootflat 还为设计师提供了免费 PSD 文件,它包括一组美丽的组件,您可以使用它来创建启动项目,网站或移动应用程序

在线演示

源码下载

3.Winjs 微软开源技术发布的 JavaScript 组件

Winjs 是由微软开源技术的开发者推出的一 JavaScript 组件,包 ListView、ListView、Tooltip、DatePicker、Ratings 等等,帮 Web 开发人员使用最好的网站功能解决方案

在线演示

源码下载

4.EpicEditor 可嵌入的 JavaScript Markdown 编辑

EpicEditor 是一款可以嵌入到网页中的 JavaScript Markdown 编辑器,支持全屏编辑、在线预览、自动保存草稿,离线支持等等。对于开发人员,它提供了一个健壮的API,可以很容易定制主题并允许你灵活使用绑定 Markdown 解析器

在线演示

源码下载

5.Skeljs 用于构建响应式网站的前端开发框

skelJS 是一个轻量级的前端框架,用于构建响应式站点和应用程序。让设计人员和开发人员可能够使用四个强大的组件:CSS 网格系统,响应式处理程序,CSS 的快捷方式和插件系统

在线演示

源码下载

6.ZeroClipboard 轻松实现复制文本到剪贴板功能

ZeroClipboard 库提供了一种把文本复制到剪贴板的简单方法。Zero 表示该库是不可见的,用户界面则完全取决于你 该库完全兼容 Flash Player 10.0.0 或以上版本,这就要求剪贴板复制操作需要通过 Flash 影片内部的用户单击事件来初始化。支 IE7+ 和所有的现代浏览器

在线演示

源码下载

7.使用 CSS3 动画实现的超炫的过渡特效

Codrops 最近分享了一些很酷的图片切换灵感。有三种不同的用例:小的图像幻灯片,大标题幻灯片以及使用透明背景的产品幻灯片。状态转换使 CSS 动画完成,我们能够定义从任何方向进来的图片的行为

在线演示

源码下载

8.PourOver 快速筛选和排序大的数据集合

PourOver 是一个用于对大数据集合进行快速过滤的 JavaScript 库。它可以 0fps下运行,允许您构建数据研究应用和档案,即不必等待一个数据库调用来呈现查询结果。PourOver 基于可以彼此任意地构成,而不必重新计算其结果的简单查询的理想。PourOver 会记得你的查询是如何构建的,在添加或修改的时候可以巧妙地更新它们

在线演示

源码下载

9.三种奇特的网格加载效

如果你看过三星企业设计中心网站,你肯定已经注意到了时尚的网格加载效果。每一项加载的时候,背景色会首先滑出,然后图像显现出来。滑动颜色表示图像,也就是说它是彩色图像的主色。在这篇文章中,我们想向您展示了如何使用 Masonry 网格砌体插件,结 CSS 动画重现这种效果。另外在这里,我们还借助 ColorFinder 来获得的图像的最突出的颜色来作为初始的加载背景色使用

在线演示

源码下载

10.RWD Table Patterns 响应式表格解决方

在显示复杂的表格数据的时候,相信 Web 开发人员都碰到过显示不下的情况。RWD Table Patterns 是一个很好的响应式表格解决方案。它采用移动优先以及渐进增强的设计理念,在不支持响应式的浏览器会使用滚动条代替

在线演示

源码下载

未经允许不得转载:爱前端网 » 10款使用CSS3动画实现的超炫的过渡特效

赞 (0) 打赏


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏