摘要: 作为前端开发者,我们肯定都使用过非常多的jQuery插件,毋庸置疑,jQuery非常流行,尤其是结合HTML5和CSS3以后,让这些jQuery插件有了更多地动画效果,更为绚丽多彩。1、HTML5/CSS3一组可爱的3D按钮这是一款利用HTML5和CSS3制作而成的按钮组合,这款CSS按钮非常具有个... 阅读全文
posted @ 2015-05-26 08:52 帅的相对论 阅读(1001) 评论(0) 推荐(0) 编辑
摘要: 1、CSS3华丽的Tab菜单 带小图标动画之前我们分享过一款非常出色的CSS3 Tab菜单HTML5 SVG Tab滑块菜单,结合SVG,Tab菜单实现非常灵活。今天我们要再来分享一款基于CSS3的华丽Tab菜单,这款Tab菜单的菜单项是一个个小图标,鼠标滑过时,菜单项展示对应文字,并出现展开的动画... 阅读全文
posted @ 2015-05-25 08:46 帅的相对论 阅读(8874) 评论(0) 推荐(0) 编辑
摘要: 1、jQuery动画图标菜单导航 仿苹果样式这次要分享的这款jQuery插件非常酷,它是一款带有动画按钮的jQuery菜单插件。而且从菜单的外观上来看,有点苹果菜单风格的味道。当我们将鼠标滑过菜单项时,即会有对应的图片悬浮到菜单项上面,效果非常不错的jQuery菜单。在线演示源码下载2、jQuery... 阅读全文
posted @ 2015-05-22 08:54 帅的相对论 阅读(525) 评论(0) 推荐(0) 编辑
摘要: 1、jQuery/CSS3实现Android Dock菜单效果这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部的按钮即可让应用图标浮动上来,并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库,很多前端开发者都十分青睐jQuery框架。... 阅读全文
posted @ 2015-05-21 09:00 帅的相对论 阅读(430) 评论(0) 推荐(1) 编辑
摘要: 1、CSS3/SVG质感背景小图标 镂空效果图标按钮今天我们来分享一款用CSS3和SVG实现的质感背景小图标,鼠标滑过图标时出现镂空的效果,并且有质感背景的描边,效果非常不错。在线演示源码下载2、HTML5 SVG Tab滑块菜单 非常酷的Tab菜单之前我们分享过很多HTML5/CSS3菜单,应该说... 阅读全文
posted @ 2015-05-20 08:56 帅的相对论 阅读(2038) 评论(0) 推荐(0) 编辑
摘要: 1、基于HTML5 Canvas的图表插件Chart.jschart.js是一款基于HTML5Canvas的图表插件,chart.js的功能非常强大,它不仅提供了常见的柱形图、折线图、饼状图,而且还提供了环形图、雷达图,样式外观多样,图表的色彩搭配也比较清新。chart.js还有一个特点就是图表在初... 阅读全文
posted @ 2015-05-19 08:49 帅的相对论 阅读(799) 评论(0) 推荐(0) 编辑
摘要: 1、jQuery图片横向滚动插件这是一款利用jQuery实现的图片横向滚动插件,我们可以设置任意数量的图片,然后点击左右箭头按钮即可分组浏览这些图片。这款jQuery图片插件的优势有两点,其一是可以定义每组图片的数量,其二是图片可循环播放,而且简单实用。在线演示源码下载2、实时更新数据的jQuery... 阅读全文
posted @ 2015-05-18 08:59 帅的相对论 阅读(444) 评论(0) 推荐(1) 编辑
摘要: 1、jQuery多图并列焦点图插件今天我们要来分享一款比较特别的jQuery焦点图插件,它允许你自己定义当前画面的图片数量,在这个演示中,我们定义了3张图片一起显示。和其他jQuery焦点图一样,这款焦点图插件的图片下方也有一排小按钮,可以任意切换图片。另外,每张图片也都有文字描述。在线演示源码下载... 阅读全文
posted @ 2015-05-15 08:54 帅的相对论 阅读(478) 评论(0) 推荐(1) 编辑
摘要: 1、HTML5 Canvas粒子效果文字动画特效之前我们分享过很多超酷的文字特效,其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5 Canvas的文字特效,输入框中输入想要展示的文字,回车后即可在canvas上绘制出粒子效果的文字动画,相当酷的动画效果。在线演示源码下载2、HT... 阅读全文
posted @ 2015-05-14 09:11 帅的相对论 阅读(709) 评论(0) 推荐(1) 编辑
摘要: 1、HTML5 Canvas发光Loading动画之前我们分享过很多基于CSS3的Loading动画效果,相信大家都很喜欢。今天我们要来分享一款基于HTML5 Canvas的发光Loading加载动画特效。Loading旋转图标是在canvas画布上绘制的,整个loading动画是发3D的视觉效果,... 阅读全文
posted @ 2015-05-13 09:24 帅的相对论 阅读(1057) 评论(0) 推荐(1) 编辑
摘要: 1、HTML5 Canvas模拟衣服撕扯动画 超级逼真今天又要来推荐一款HTML5 Canvas动画,是一个模拟衣服撕扯动画,效果非常逼真。刚开始衣服挂在绳子上,用鼠标拖拽衣服即可让衣服摆动起来,当你拖拽的很用力时,你会发现,衣服被撕破了。该HTML5动画会捕获到鼠标拖拽的用力程度,从而来判断并实现... 阅读全文
posted @ 2015-05-12 08:58 帅的相对论 阅读(725) 评论(0) 推荐(0) 编辑
摘要: 1、CSS3分享按钮动画特效这是一款基于CSS3的社会化分享按钮,按钮非常简单,提供了分享到twitter、facebook、youtube等大型社交网站。每一个分享按钮都有个大社交网站的Logo图标,并且在鼠标滑过这些按钮时,利用CSS3的动画特性出现滑动的动画效果。在线演示源码下载2、HTML5... 阅读全文
posted @ 2015-05-11 08:50 帅的相对论 阅读(10067) 评论(0) 推荐(2) 编辑
摘要: 1、CSS3/jQuery自定义弹出窗口 多种弹出动画这是一款利用jQuery和CSS3实现的自定义弹出窗口,这可比浏览器默认的弹出窗口漂亮多了。弹出窗口中可以自定义html,十分灵活。另外最重要的一个特点是,它利用了jQuery和CSS3可以实现很多种弹出窗口动画效果,挺酷的。在线预览源码下载2、... 阅读全文
posted @ 2015-05-08 09:21 帅的相对论 阅读(929) 评论(5) 推荐(2) 编辑
摘要: 1、纯CSS3绘制可爱的蚱蜢 还有眨眼动画今天我们要分享一个利用纯CSS3绘制的蚱蜢动画,非常可爱.在线演示源码下载2、HTML5 Canvas头发飘逸动画 很酷的HTML5动画HTML5 Canvas动画非常炫酷,很多有创意的开发者可以利用HTML5的Canvas特性创造出很多不错的动画特效。今天... 阅读全文
posted @ 2015-05-07 08:54 帅的相对论 阅读(4277) 评论(1) 推荐(0) 编辑
摘要: 1、HTML5 3D点阵列波浪翻滚动画今天我们要再分享一款基于HTML5 3D的点阵列波浪翻滚动画特效,同样是非常的壮观。在线演示源码下载2、HTML5小球弹跳动画 很不错的3D小球今天我要向大家分享一款很逼真的HTML5动画特效,它是3个色彩各异的弹跳小球,每一个小球在弹跳的时候都会有变化的小球投... 阅读全文
posted @ 2015-05-06 09:06 帅的相对论 阅读(2146) 评论(1) 推荐(0) 编辑
摘要: 1、HTML5相册照片浏览器 可连接Flickr照片服务以前我们经常会分享一些jQuery相册浏览插件,效果不错,实用性也很强。不过如果能利用HTML5来实现相册浏览器,那么相册浏览效果肯定会更加炫酷。今天分享的这款HTML5相册浏览器可以连接到Flickr获取照片,也可以连接到youtube获取视... 阅读全文
posted @ 2015-05-05 08:54 帅的相对论 阅读(8877) 评论(0) 推荐(0) 编辑
摘要: 1、CSS3 jQuery UI控制滑杆插件今天我们要来分享一款基于CSS3和jQuery UI的控制滑杆插件,这款控制滑杆是在HTML5滑杆元素的基础上进行自定义CSS3渲染,所以外观更加漂亮。另外,这款控制滑杆插件是纵向的,当然你也可以通过设置让它水平放置。在线演示源码下载2、HTML5版切水果... 阅读全文
posted @ 2015-05-04 08:41 帅的相对论 阅读(588) 评论(0) 推荐(0) 编辑
摘要: 1、HTML5/CSS3仿Facebook登录表单利用CSS3制作的登录表单的确很漂亮,我们在html5tricks网站上也分享过几款了,比如CSS3密码强度验证表单可以显示密码的强度,这款纯CSS3发光登录表单更是绚丽多彩。今天我们要分享一款仿Facebook的登录表单,无论从外观还是功能上说,这... 阅读全文
posted @ 2015-04-29 08:46 帅的相对论 阅读(13703) 评论(0) 推荐(1) 编辑
摘要: 1、纯CSS3 3D按钮 按钮酷似牛奶般剔透CSS3按钮一般都可以设计的非常漂亮,利用投影、渐变等CSS3属性特效可以把按钮渲染的十分动感。今天分享的这款CSS3按钮外观非常特别,它看上去酷似晶莹剔透的牛奶,而且在点击按钮时出现3D效果的动画,按钮按下时,按钮会轻轻的弹动一下,非常逼真。在线演示源码... 阅读全文
posted @ 2015-04-28 09:33 帅的相对论 阅读(872) 评论(0) 推荐(0) 编辑
摘要: 1、HTML5/CSS3实现笑脸动画 非常可爱今天我们要分享一款基于纯CSS3实现的笑脸动画,我们只要在面部滑动鼠标,即可让人物的眼睛嘴巴动起来,实现微笑的效果,还挺可爱的。在线演示源码下载2、jQuery+Html5实现唯美表白代码:亲爱的女神,我来了!jQuery+Html5实现唯美表白的动画代... 阅读全文
posted @ 2015-04-27 08:50 帅的相对论 阅读(947) 评论(0) 推荐(0) 编辑