这是一款用纯CSS3实现的自定义希腊框菜单，这可比网页默认的下拉框样式漂亮多了，不过这款CSS3下拉框并不能记住当前选中的选项，但是可以用作菜单，当我们把鼠标滑过下拉框时，点击展开的下拉菜单即可跳转到相应的页面。
CSS3自定义下拉框菜单
9,852 人浏览
2014-07-05 10:40:32
SVG HTML5可爱的小鸟卡通动画
23,101 人浏览
今天我们再来分享一款用HTML5和SVG相结合的动画特效，它是一只非常可爱的卡通小鸟，非常不错的是，这只HTML5小鸟不仅外观呈现3D立体，而且还会拍动翅膀和在空中浮动，真实妙极了。之前我们也用CSS3来制作过很多动物特效，非常不错。
SVG代码：
<svg width="500px" height="500px" viewBox="0 0 500 698" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin-top:50px">
<title>pioupiou</title>
<defs>
<circle id="path-1" cx="116.5" cy="247.5" r="55.5"></circle>
<circle id="path-2" cx="312" cy="24[......]
HTML5 Canvas烟花动画 可控制烟花速度和大小
68,984 人浏览
这款HTML5烟花动画我们应该比较熟悉，因为之前有分享过类似的HTML5动画了。这个HTML5烟花动画是基于canvas的，可以说是之前分享那款的升级版，它可以控制烟花上升的速度和烟花绽放花朵的大小。由于是在HTML5 Canvas画布上完成，因此也就非常灵活。
下面我们来简单分析一下实现这款HTML5烟花特效的过程及代码，主要由HTML代码、CSS代码以及Javascript代码组成，当然javascript代码是最重要的。
HTML代码：
<div id=”gui”></div>
<div id=”canvas-container”>
<div id=”mountains2″></div>
<div id=”mountains1″></div>
<div id=”skyline”></div>
</div>
HTML的结构非常简单，即构造了一个canvas容器，我们会利用JS在这个容器中生成一个Canvas对象。看最后的JS代码你就会[......]
jQuery带左右箭头的Tab菜单
14,309 人浏览
2014-07-04 12:54:19
HTML5 Canvas 3D折线图表应用
15,976 人浏览
超级惊艳 10款HTML5动画特效推荐
90,889 人浏览
今天我们要来推荐10款超级惊艳的HTML5动画特效，有一些是基于CSS3和jQuery的，比较实用，特别是前几个HTML5动画，简直酷毙了，现在将它们分享给大家，也许你能用到这些HTML5动画和jQuery应用。
1、HTML5 Canvas发光Loading动画
之前我们分享过很多基于CSS3的Loading动画效果，相信大家都很喜欢。今天我们要来分享一款基于HTML5 Canvas的发光Loading加载动画特效。Loading旋转图标是在canvas画布上绘制的，整个loading动画是发光3D的视觉效果，HTML5非常强大。
2、jQuery球状放大镜特效插件
今天我们要来分享一款基于jQuery的放大镜特效插件，和其他放大镜不同的是，这款jQuery放大镜插件是球状的，看上去有3D的视觉效果。当你把鼠标滑过页面上的文字时，即会出现很酷的球状放大镜，来放大当前区域的文字。并且以球心为中心点向外文字逐渐变小，这就产生了立体感。
3、HTML5 Canvas粒子模拟效果
这是[......]
CSS3/jQuery实现Tab菜单小工具
13,497 人浏览
2014-07-03 22:17:39
HTML5 Canvas粒子模拟效果
50,888 人浏览
这是一款利用HTML5 Canvas模拟出来的30000个粒子动画，当你用鼠标在canvas画布上移动时，鼠标周围的一些粒子就会跟着你移动，并形成一定的图案，就像你在玩沙画一样，效果非常不错。这里，我们应用了一些HTML5的特性，让这个粒子动画显得相当动感。
HTML代码：
<div id='container'></div>
<div class='info'>
<hgroup class='about'>
<h1>30,000 Particles</h1>
<h2>A study creating performant particles with Canvas 2D</h2>
<h3>Use your mouse</h3>
</hgroup>
</div>
下面是粒子动画相关的JavaScript代码：
if ( !window.requestAnimationFrame[......]
HTML5 Canvas发光Loading动画
47,049 人浏览
之前我们分享过很多基于CSS3的Loading动画效果，相信大家都很喜欢。今天我们要来分享一款基于HTML5 Canvas的发光Loading加载动画特效。Loading旋转图标是在canvas画布上绘制的，整个loading动画是发光3D的视觉效果，HTML5非常强大。
炫酷实用 7款jQuery/HTML5图片应用
12,320 人浏览
jQuery非常强大，我们这里有很多关于jQuery焦点图的插件，今天我们精选了7款利用jQuery和HTML5实现的超炫酷图片特效应用，有些也是焦点图插件，一起来看看吧。
1、HTML5 3D衣服摆动特效 超酷HTML5 3D动画
前面我们介绍过很多HTML5 3D动画特效，最经典的要算HTML5 WebGL水面水波荡漾特效。今天我再向大家分享一款HTML5 3D衣服摆动动画特效，动画也是在HTML5 Canvas上完成，它模拟衣服晾在绳子上，点击鼠标可以让衣服摆动起来，就行风吹动它一样，非常逼真炫酷。
2、jQuery产品图片滑动展示动画
我们在电子商务网站上需要展示图片的时候，需要用到jQuery的产品图片展示插件会比较方便，今天分享的这款jQuery图片滑动展示动画就很好的解决了产品图片展示的效果。利用该插件，我们可以产品图片分组，然后每一组即可切换显示。
3、仿QQ空间相册图片浏览jQuery插件
今天我们要来分享一款基于jQuery的相册图片浏览插件，它是一款仿QQ空[......]