如果你是一个网页设计师或开发人员,你必须会使用jQuery和CSS3的来为你的网站制作一些特效功能。 因为CSS3和jQuery从根本上改变了web开发的发展,使用它们你可以不用花太多精力,使用少量代码就很容易地创造出一些美丽而神奇的元素。 今天给大家分享的一些jQuery和CSS3动画效果资源,就有我们常见的一些预加载效果,自适应模板,动画悬停效果,弹性效果,在线帮助提示,箭头导航仪为主的CSS特效,图像滑块的效果,导航样式,灯箱,图片画廊效果,文字效果和放大效果等。这些资源你都也可以免费下载。 好了,废话不多说。觉得不错的你可以收藏起来。当然还有一些你喜欢的可以去看看: progression一个实时提示用户表单信息进度更新的jQuery插件。 Strength非常强大的jQuery的密码输入插件。设有安全强度指示器和隐藏/显示密码 Panorama ViewerFlip-Quote一个漂亮的文本翻转视图jQuery 插件。 Tab Styles InspirationSVGs和CSS过渡的一些技巧。 Page Preloading Effect一个漂亮的页面预加载特效示例展示。 Notification Styles Inspiration一些简单的想法和效果来显示不显眼的网站通知。一个小脚本就可以展示一些风格不同的CSS动画。 Inspiration for Custom Select Elements很有灵感的自定义选择元素。 Adaptive ModalAttractive Animated Hover Effects漂亮的Hover动画效果示例。 ElastiStackOwl Carousel Slider这是一个美丽的jQuery插件,可以用在自适应滑块上。 CoveringButtons With Built-in Progress进度条已经变得相当流行了。但你如何做一个自己的?使用这个教程就可以实现。可以帮助你添加一个进度条按钮到您的网站。 inline help tips当创建一个web应用程序时,通常需要有人性化的的帮助提示来解释你的接口部分。使用这个CSS教程你可以很好解决这个问题。 Draggable Dual-View Slideshow漂亮的拖动式幻灯片。 Animated Arrow Navigations漂亮的箭头导航样式。 RemodalRemodal是一个扁平化,自适应,轻便,快速,易于定制的模态窗口插件。使用声明式状态的符号和哈希跟踪。所有现代的浏览器都支持。您可以轻松地定义了模态背景容器(如模糊效果)。 floatlabels漂亮的浮动文本标签。 Subscribe Better创造一个更好的,高度可定制的订阅模式或登陆注册窗口。 Flowtype理想的情况是,最清晰的排版每行包含75之间45和字符。这是使用CSS来适用所有的屏幕宽度是很难完成的。 FlowType.JS通过改变基于特定元素的宽度的字体大小,简化了这一困难。 awesome slide hover animation漂亮的幻灯片切换效果。 EasyZoomEasyZoom是一个优雅的,高度优化的jQuery图像缩放和平移插件。 EasyZoom支持触摸功能的设备,并易于定制CSS。 Shuffle Images effect很有创意的漂亮随机图像效果。 ContentShare类似于百度划词分享的功能。 Facebook Style Notification Popup您是否正在寻找Facebook的UI功能,这篇文章将介绍如何使用jQuery,HTML和CSS创建一个Facebook风格的通知弹出效果。 Ajax Upload and Resize an ImageAJAX上传和调整图像大小,无需使用jQuery和PHP刷新页面。这个插件可以节省了大量的虚拟主机空间和带宽限制的非常有用的。 Login Page with Shake Effect在这篇文章中我将讨论如何创建一个使用MySQL数据库的简单的Ajax+PHP登录欢迎页面。演示用户名:9lessons 密码:9lessons。 Timeline Design时间轴的设计是当前网络发展趋势的可视化数据的一种有趣的方式。今天我想讨论一下如何设计一个时间表与JSON数据进行整合的简单方法。
好了。觉得不错的感觉收藏起来吧。 注;原文由欲思编译自:35 Cool jQuery and Css Animation Effects。部分内容有删改,部分翻译并非直接按照原文,如果有误请指正。 |
|