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

HTML5+CSS3 欲思 7评论

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

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

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

progression

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

progression

Strength

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

Strength

Panorama Viewer

Panorama Viewer

Flip-Quote

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

Flip-Quote

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

Adaptive Modal

Attractive Animated Hover Effects

漂亮的Hover动画效果示例。

Attractive Animated Hover Effects

ElastiStack

ElastiStack

Owl Carousel Slider

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

Owl Carousel Slider

Covering

Covering

Buttons With Built-in Progress

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

Buttons With Built-in Progress

inline help tips

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

inline help tips

Draggable Dual-View Slideshow

漂亮的拖动式幻灯片。

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

Animated Arrow Navigations

漂亮的箭头导航样式。

Animated Arrow Navigations

Remodal

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

Remodal

floatlabels

漂亮的浮动文本标签。

floatlabels

Subscribe Better

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

Subscribe Better

Flowtype

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

flowtype

awesome slide hover animation

漂亮的幻灯片切换效果。

awesome slide hover animation

EasyZoom

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

EasyZoom

Shuffle Images effect

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

Shuffle Images effect

ContentShare

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

ContentShare

Facebook Style Notification Popup

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

Facebook Style Notification Popup

Ajax Upload and Resize an Image

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

Ajax Upload and Resize an Image with PHP

Login Page with Shake Effect

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

Login Page with Shake Effect

Timeline Design

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

Timeline Design

 

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

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

转载请注明:欲思博客 » 30个非常酷的 jQuery 和 CSS3 动画效果

如果你觉得这篇文章或者我分享的主题对你有帮助,请支持我继续更新网站和主题 !捐赠本站
喜欢 (59)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

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