7款很实用的jQuery/CSS3插件及源码下载

一、HTML5 3D立方体动画 立方体可任意翻转

以前咱们分享过不少基于HTML5的立方体动画了,有些是基于Canvas的动画特效,好比这款HTML5 webkit 3D立方体图片旋转滑块应用,就很不错。此次要分享的这款HTML5 3D立方体动画比较普通,它能够本身不停的旋转以凸显其3D的魅力。css

html5-3d-cube-animation

在线演示        源码下载html

二、jQuery实现马赛克图片拼接翻转动画

以前咱们分享过不少炫酷的jQuery图片特效,有空你们能够看看。今天咱们要再来分享一款基于jQuery的图片特效,它的效果是图片马赛克翻转动画,而且将这些马赛克块状图片拼接起来组成一张完整的图片,翻转动画很是的酷。html5

jquery-image-masaike-roll

在线演示        源码下载jquery

三、HTML5/CSS3立方体翻转3D全屏焦点图

今天咱们要来分享一款很是大气的HTML5/CSS3 3D全屏焦点图,在页面两侧,有两个很立体的左右箭头进行图片切换。这款HTML5焦点图的图片切换方式是3D效果的,相似立方体翻转同样,焦点图默认显示文字,咱们已经将文字替换成图片,效果更酷。css3

html5-3d-cube-image-player

在线演示        源码下载web

四、两款CSS3鼠标悬停菜单动画

此次要分享的是很是实用而简洁的CSS3动画菜单,这款CSS3菜单有两种动画效果,第一种效果是鼠标滑过菜单项时会切换成漂亮的背景色,并伴有滑过动画。第二种是鼠标滑过菜单项时文字放大特效。这两种菜单动画效果实现都很简单,但很是实用。canvas

2-css3-mouse-over-menu

在线演示        源码下载ide

五、HTML5 Canvas万花筒动画特效

这是一款利用HTML5 Canvas技术实现的万花筒动画特效,动画开始时,逐渐生成一些随机颜色的矩形方块,而后就不停的旋转,就像万花筒同样,矩形方块愈来愈小。惟一一点缺陷就是不能像真实万花筒那样出现各类各样漂亮的图案。动画

html5-canvas-million-flower

在线演示        源码下载网站

六、jQuery文本搜索查找插件 支持模糊查找和文字描红

今天咱们来分享一款实用点的jQuery插件,它能够完成根据用户输入关键词进行模糊查找内容中的类似文本,这款jQuery搜索查找插件能够容许你一边输入一遍搜索,效率很是高。同时,对于查找结果文字能够描红显示,jQuery支持,兼容性很不错。

jquery-text-seach

在线演示        源码下载

七、CSS3实现自定义checkbox动画

咱们在html5tricks网站上分享过不少的CSS3自定义checkbox,改造过的checkbox确实比默认的漂亮。今天咱们要再来分享一款CSS3自定义checkbox,并且这款checkbox还带有动画效果,当你选中checkbox的时候,会以动画的方式打上一个大大的勾。

css3-checkbox-animation

在线演示        源码下载

以上就是7款很实用的jQuery/CSS3插件,欢迎收藏分享。转载请注明原文连接:http://www.html5tricks.com/7-useful-jquery-css3-plugins.html

相关文章
相关标签/搜索