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

如果你是一个网页设计师或开发人员，你必须会使用jQuery和CSS3的来为你的网站***一些特效功能。 因为CSS3和jQuery从根本上改变了web开发的发展，使用它们你可以不用花太多精力，使用少量代码就很容易地创造出一些美丽而神奇的元素。
今天给大家分享的一些jQuery和CSS3动画效果资源，就有我们常见的一些预加载效果，自适应模板，动画悬停效果，弹性效果，在线帮助提示，箭头导航仪为主的CSS特效，图像滑块的效果，导航样式，灯箱，图片画廊效果，文字效果和放大效果等。这些资源你都也可以免费下载。
好了，废话不多说。觉得不错的你可以收藏起来。当然还有一些你喜欢的可以去看看：
再分享70+免费的图片滑块效果 jQuery 插件和教程送给网页设计师和程序员的48个神奇的礼物15种CSS混合模式让图片产生令人惊艳的效果progression
一个实时提示用户表单信息进度更新的jQuery插件。


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


Panorama Viewer


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


Tab Styles Inspiration
SVGs和CSS过渡的一些技巧。


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


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


Inspiration for Custom Select Elements
很有灵感的自定义选择元素。


Adaptive Modal


Attractive Animated Hover Effects
漂亮的Hover动画效果示例。


ElastiStack


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


Covering


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


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


Draggable Dual-View Slideshow
漂亮的拖动式幻灯片。


Animated Arrow Navigations
漂亮的箭头导航样式。


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


floatlabels
漂亮的浮动文本标签。


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


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


awesome slide hover animation
漂亮的幻灯片切换效果。


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


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


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


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


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


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


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



好了。觉得不错的感觉收藏起来吧。
注；原文由欲思编译自：35 Cool jQuery and Css Animation Effects。部分内容有删改，部分翻译并非直接按照原文，如果有误请指正。