30个非常酷的 jQuery 和 CSS3 动画效果

如果你是一个网页设计师或开发人员,你必须会使用jQuery和CSS3的来为你的网站制作一些特效功能。 因为CSS3和jQuery从根本上改变了web开发的发展,使用它们你可以不用花太多精力,使用少量代码就很容易地创造出一些美丽而神奇的元素。

今天给大家分享的一些jQuery和CSS3动画效果资源,就有我们常见的一些预加载效果,自适应模板,动画悬停效果,弹性效果,在线帮助提示,箭头导航仪为主的CSS特效,图像滑块的效果,导航样式,灯箱,图片画廊效果,文字效果和放大效果等。这些资源你都也可以免费下载。

好了,废话不多说。觉得不错的你可以收藏起来。当然还有一些你喜欢的可以去看看:

progression

一个实时提示用户表单信息进度更新的jQuery插件。

30个非常酷的 jQuery 和 CSS3 动画效果

Strength

非常强大的jQuery的密码输入插件。设有安全强度指示器和隐藏/显示密码

30个非常酷的 jQuery 和 CSS3 动画效果

Panorama Viewer

30个非常酷的 jQuery 和 CSS3 动画效果

Flip-Quote

一个漂亮的文本翻转视图jQuery 插件。

30个非常酷的 jQuery 和 CSS3 动画效果

Tab Styles Inspiration

SVGs和CSS过渡的一些技巧。

30个非常酷的 jQuery 和 CSS3 动画效果

Page Preloading Effect

一个漂亮的页面预加载特效示例展示。

30个非常酷的 jQuery 和 CSS3 动画效果

Notification Styles Inspiration

一些简单的想法和效果来显示不显眼的网站通知。一个小脚本就可以展示一些风格不同的CSS动画。

30个非常酷的 jQuery 和 CSS3 动画效果

Inspiration for Custom Select Elements

很有灵感的自定义选择元素。

30个非常酷的 jQuery 和 CSS3 动画效果

Adaptive Modal

30个非常酷的 jQuery 和 CSS3 动画效果

Attractive Animated Hover Effects

漂亮的Hover动画效果示例。

30个非常酷的 jQuery 和 CSS3 动画效果

ElastiStack

30个非常酷的 jQuery 和 CSS3 动画效果

Owl Carousel Slider

这是一个美丽的jQuery插件,可以用在自适应滑块上。

30个非常酷的 jQuery 和 CSS3 动画效果

Covering

30个非常酷的 jQuery 和 CSS3 动画效果

Buttons With Built-in Progress

进度条已经变得相当流行了。但你如何做一个自己的?使用这个教程就可以实现。可以帮助你添加一个进度条按钮到您的网站。

30个非常酷的 jQuery 和 CSS3 动画效果

inline help tips

当创建一个web应用程序时,通常需要有人性化的的帮助提示来解释你的接口部分。使用这个CSS教程你可以很好解决这个问题。

30个非常酷的 jQuery 和 CSS3 动画效果

Draggable Dual-View Slideshow

漂亮的拖动式幻灯片。

30个非常酷的 jQuery 和 CSS3 动画效果

Animated Arrow Navigations

漂亮的箭头导航样式。

30个非常酷的 jQuery 和 CSS3 动画效果

Remodal

Remodal是一个扁平化,自适应,轻便,快速,易于定制的模态窗口插件。使用声明式状态的符号和哈希跟踪。所有现代的浏览器都支持。您可以轻松地定义了模态背景容器(如模糊效果)。

30个非常酷的 jQuery 和 CSS3 动画效果

floatlabels

漂亮的浮动文本标签。

30个非常酷的 jQuery 和 CSS3 动画效果

Subscribe Better

创造一个更好的,高度可定制的订阅模式或登陆注册窗口。

30个非常酷的 jQuery 和 CSS3 动画效果

Flowtype

理想的情况是,最清晰的排版每行包含75之间45和字符。这是使用CSS来适用所有的屏幕宽度是很难完成的。 FlowType.JS通过改变基于特定元素的宽度的字体大小,简化了这一困难。

30个非常酷的 jQuery 和 CSS3 动画效果

awesome slide hover animation

漂亮的幻灯片切换效果。

30个非常酷的 jQuery 和 CSS3 动画效果

EasyZoom

EasyZoom是一个优雅的,高度优化的jQuery图像缩放和平移插件。 EasyZoom支持触摸功能的设备,并易于定制CSS。

30个非常酷的 jQuery 和 CSS3 动画效果

Shuffle Images effect

很有创意的漂亮随机图像效果。

30个非常酷的 jQuery 和 CSS3 动画效果

ContentShare

类似于百度划词分享的功能。

30个非常酷的 jQuery 和 CSS3 动画效果

Facebook Style Notification Popup

您是否正在寻找Facebook的UI功能,这篇文章将介绍如何使用jQuery,HTML和CSS创建一个Facebook风格的通知弹出效果。

30个非常酷的 jQuery 和 CSS3 动画效果

Ajax Upload and Resize an Image

AJAX上传和调整图像大小,无需使用jQuery和PHP刷新页面。这个插件可以节省了大量的虚拟主机空间和带宽限制的非常有用的。

30个非常酷的 jQuery 和 CSS3 动画效果

Login Page with Shake Effect

在这篇文章中我将讨论如何创建一个使用MySQL数据库的简单的Ajax+PHP登录欢迎页面。演示用户名:9lessons 密码:9lessons。

30个非常酷的 jQuery 和 CSS3 动画效果

Timeline Design

时间轴的设计是当前网络发展趋势的可视化数据的一种有趣的方式。今天我想讨论一下如何设计一个时间表与JSON数据进行整合的简单方法。

30个非常酷的 jQuery 和 CSS3 动画效果

 

好了。觉得不错的感觉收藏起来吧。

注;原文由欲思编译自:35 Cool jQuery and Css Animation Effects。部分内容有删改,部分翻译并非直接按照原文,如果有误请指正。

未经允许不得转载:欲思博客 » 30个非常酷的 jQuery 和 CSS3 动画效果
喜欢(0) 打赏

评论7

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #6
    哇 不错 收藏
    疯子蚁2015-08-19 17:51:58回复
  2. #5
    收藏来试试看
    葡萄巴巴2014-10-22 15:32:03回复
  3. #4
    先收藏啦,有机会在自己的站点上做个试验
    心情语录2014-09-26 16:55:25回复
  4. #3
    先收藏啦,有机会在自己的站点上做个试验
    Eric_plus2014-09-25 20:39:16回复
  5. #2
    怎么下载源码文件?
    小静2014-09-25 15:17:05回复
    • 额。这个还要教么。。。。。
      欲思2014-09-25 19:55:00回复
  6. #1
    tympanus出品的都很不错。
    Ray2014-09-25 10:42:54回复

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

支付宝扫一扫打赏

微信扫一扫打赏

在线客服

在线客服

  • 扫描二维码,微信联系 扫描二维码,微信联系