爱前端网

摘要： 作为前端开发者，我们肯定都使用过非常多的jQuery插件，毋庸置疑，jQuery非常流行，尤其是结合HTML5和CSS3以后，让这些jQuery插件有了更多地动画效果，更为绚丽多彩。1、HTML5/CSS3一组可爱的3D按钮这是一款利用HTML5和CSS3制作而成的按钮组合，这款CSS按钮非常具有个... 阅读全文

摘要： 1、CSS3华丽的Tab菜单 带小图标动画之前我们分享过一款非常出色的CSS3 Tab菜单HTML5 SVG Tab滑块菜单，结合SVG，Tab菜单实现非常灵活。今天我们要再来分享一款基于CSS3的华丽Tab菜单，这款Tab菜单的菜单项是一个个小图标，鼠标滑过时，菜单项展示对应文字，并出现展开的动画... 阅读全文

摘要： 1、jQuery动画图标菜单导航 仿苹果样式这次要分享的这款jQuery插件非常酷，它是一款带有动画按钮的jQuery菜单插件。而且从菜单的外观上来看，有点苹果菜单风格的味道。当我们将鼠标滑过菜单项时，即会有对应的图片悬浮到菜单项上面，效果非常不错的jQuery菜单。在线演示源码下载2、jQuery... 阅读全文

摘要： 1、jQuery/CSS3实现Android Dock菜单效果这是一款基于jQuery和CSS3的Android Dock菜单效果，点击底部的按钮即可让应用图标浮动上来，并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库，很多前端开发者都十分青睐jQuery框架。... 阅读全文

摘要： 1、CSS3/SVG质感背景小图标 镂空效果图标按钮今天我们来分享一款用CSS3和SVG实现的质感背景小图标，鼠标滑过图标时出现镂空的效果，并且有质感背景的描边，效果非常不错。在线演示源码下载2、HTML5 SVG Tab滑块菜单 非常酷的Tab菜单之前我们分享过很多HTML5/CSS3菜单，应该说... 阅读全文

摘要： 1、基于HTML5 Canvas的图表插件Chart.jschart.js是一款基于HTML5Canvas的图表插件，chart.js的功能非常强大，它不仅提供了常见的柱形图、折线图、饼状图，而且还提供了环形图、雷达图，样式外观多样，图表的色彩搭配也比较清新。chart.js还有一个特点就是图表在初... 阅读全文

摘要： 1、jQuery图片横向滚动插件这是一款利用jQuery实现的图片横向滚动插件，我们可以设置任意数量的图片，然后点击左右箭头按钮即可分组浏览这些图片。这款jQuery图片插件的优势有两点，其一是可以定义每组图片的数量，其二是图片可循环播放，而且简单实用。在线演示源码下载2、实时更新数据的jQuery... 阅读全文

摘要： 1、jQuery多图并列焦点图插件今天我们要来分享一款比较特别的jQuery焦点图插件，它允许你自己定义当前画面的图片数量，在这个演示中，我们定义了3张图片一起显示。和其他jQuery焦点图一样，这款焦点图插件的图片下方也有一排小按钮，可以任意切换图片。另外，每张图片也都有文字描述。在线演示源码下载... 阅读全文

摘要： 1、HTML5 Canvas粒子效果文字动画特效之前我们分享过很多超酷的文字特效，其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5 Canvas的文字特效，输入框中输入想要展示的文字，回车后即可在canvas上绘制出粒子效果的文字动画，相当酷的动画效果。在线演示源码下载2、HT... 阅读全文

摘要： 1、HTML5 Canvas发光Loading动画之前我们分享过很多基于CSS3的Loading动画效果，相信大家都很喜欢。今天我们要来分享一款基于HTML5 Canvas的发光Loading加载动画特效。Loading旋转图标是在canvas画布上绘制的，整个loading动画是发3D的视觉效果，... 阅读全文

摘要： 1、HTML5 Canvas模拟衣服撕扯动画 超级逼真今天又要来推荐一款HTML5 Canvas动画，是一个模拟衣服撕扯动画，效果非常逼真。刚开始衣服挂在绳子上，用鼠标拖拽衣服即可让衣服摆动起来，当你拖拽的很用力时，你会发现，衣服被撕破了。该HTML5动画会捕获到鼠标拖拽的用力程度，从而来判断并实现... 阅读全文

摘要： 1、CSS3分享按钮动画特效这是一款基于CSS3的社会化分享按钮，按钮非常简单，提供了分享到twitter、facebook、youtube等大型社交网站。每一个分享按钮都有个大社交网站的Logo图标，并且在鼠标滑过这些按钮时，利用CSS3的动画特性出现滑动的动画效果。在线演示源码下载2、HTML5... 阅读全文

摘要： 1、CSS3/jQuery自定义弹出窗口 多种弹出动画这是一款利用jQuery和CSS3实现的自定义弹出窗口，这可比浏览器默认的弹出窗口漂亮多了。弹出窗口中可以自定义html，十分灵活。另外最重要的一个特点是，它利用了jQuery和CSS3可以实现很多种弹出窗口动画效果，挺酷的。在线预览源码下载2、... 阅读全文

摘要： 1、纯CSS3绘制可爱的蚱蜢 还有眨眼动画今天我们要分享一个利用纯CSS3绘制的蚱蜢动画，非常可爱.在线演示源码下载2、HTML5 Canvas头发飘逸动画 很酷的HTML5动画HTML5 Canvas动画非常炫酷，很多有创意的开发者可以利用HTML5的Canvas特性创造出很多不错的动画特效。今天... 阅读全文

摘要： 1、HTML5 3D点阵列波浪翻滚动画今天我们要再分享一款基于HTML5 3D的点阵列波浪翻滚动画特效，同样是非常的壮观。在线演示源码下载2、HTML5小球弹跳动画 很不错的3D小球今天我要向大家分享一款很逼真的HTML5动画特效，它是3个色彩各异的弹跳小球，每一个小球在弹跳的时候都会有变化的小球投... 阅读全文

摘要： 1、HTML5相册照片浏览器 可连接Flickr照片服务以前我们经常会分享一些jQuery相册浏览插件，效果不错，实用性也很强。不过如果能利用HTML5来实现相册浏览器，那么相册浏览效果肯定会更加炫酷。今天分享的这款HTML5相册浏览器可以连接到Flickr获取照片，也可以连接到youtube获取视... 阅读全文

摘要： 1、CSS3 jQuery UI控制滑杆插件今天我们要来分享一款基于CSS3和jQuery UI的控制滑杆插件，这款控制滑杆是在HTML5滑杆元素的基础上进行自定义CSS3渲染，所以外观更加漂亮。另外，这款控制滑杆插件是纵向的，当然你也可以通过设置让它水平放置。在线演示源码下载2、HTML5版切水果... 阅读全文

摘要： 1、HTML5/CSS3仿Facebook登录表单利用CSS3制作的登录表单的确很漂亮，我们在html5tricks网站上也分享过几款了，比如CSS3密码强度验证表单可以显示密码的强度，这款纯CSS3发光登录表单更是绚丽多彩。今天我们要分享一款仿Facebook的登录表单，无论从外观还是功能上说，这... 阅读全文

摘要： 1、纯CSS3 3D按钮 按钮酷似牛奶般剔透CSS3按钮一般都可以设计的非常漂亮，利用投影、渐变等CSS3属性特效可以把按钮渲染的十分动感。今天分享的这款CSS3按钮外观非常特别，它看上去酷似晶莹剔透的牛奶，而且在点击按钮时出现3D效果的动画，按钮按下时，按钮会轻轻的弹动一下，非常逼真。在线演示源码... 阅读全文

摘要： 1、HTML5/CSS3实现笑脸动画 非常可爱今天我们要分享一款基于纯CSS3实现的笑脸动画，我们只要在面部滑动鼠标，即可让人物的眼睛嘴巴动起来，实现微笑的效果，还挺可爱的。在线演示源码下载2、jQuery+Html5实现唯美表白代码：亲爱的女神，我来了！jQuery+Html5实现唯美表白的动画代... 阅读全文