之前我们分享过不少效果很酷的CSS3开关切换按钮，像这款CSS3 3D弹性按钮效果非常有质感，还有像这款CSS3 3D发光按钮又非常绚丽。今天我们要分享一款可左右滑动的CSS3开关按钮，鼠标点击按钮即可实现ios的滑块按钮效果。
CSS3开关切换按钮 可左右横向切换
26,951 人浏览
2014-04-12 07:00:54
HTML5摆动的文字特效 类似柳枝摆动
17,152 人浏览
之前我们在html5tricks上分享过一些HTML5文字特效，像这款HTML5/CSS3 3D文字特效 文字外翻效果，像这款HTML5像素文字爆炸重组动画特效都非常有特色。今天我们来分享一款可以摆动的HTML5文字特效，文字垂直下垂，并可以在微风中微微摆动，就像春风中的柳枝一样。
CSS3 3D小球旋转Loading动画 相当欢乐
11,393 人浏览
2014-04-11 20:36:10
之前我们分享过一些不错的CSS3进度条插件，当然也分线过一款Loading动画纯CSS3加载Loading动画图 12款创意设计，效果非常酷。今天我们要来分享一款非常欢乐的CSS3 Loading动画，Loading动画由4个旋转的小球组成，旋转时呈现类3D的效果，我们很乐意叫它2.5d。
HTML5/CSS3书本翻页3D动画
28,332 人浏览
jQuery UI滑杆插件 可Tooltip提示
18,379 人浏览
2014-04-10 20:25:12
今天我们再来介绍一款实用的jQuery插件，是基于jQuery UI的。这款jQuery滑杆插件非常漂亮，可以设置多种颜色，再加上CSS3上运用，可以让滑杆的游标变得有立体感，滑杆的Tooltip提示框也出现飞入飞出的动画效果。更多jQuery插件可以移步至jQuery插件栏目。
下面我们一起来看看实现这款漂亮的控制滑竿的过程及源代码。代码主要由HTML、CSS以及jQuery组成，下面我们分步来解析。
HTML代码：
<section class="wrapper"> <div class="slider"></div> <div class="slider2"></div> <div class="slider3"></div> <div> <h2>Now with a floating tip, too! <small><em>(hover)</em></small></h2[......]
纯CSS3实现美国金门大桥 霸气十足
6,823 人浏览
HTML5/CSS3提示框Tooltip动画
9,721 人浏览
2014-04-09 11:00:52
之前我们已经分享过一款HTML5/CSS3分步提示框Tooltip ，不过这款提示框主要是用来分步操作提示的，不是真正的Tooltip。今天我们要分享一款利用CSS3实现的提示框Tooltip动画。当鼠标移到图标按钮上时，就会在按钮正上方弹出一个Tooltip提示框，并且伴有淡入淡出的效果。
HTML5/CSS3超酷进度条 不同进度多种颜色
22,488 人浏览
这是一款线条状的CSS3进度条，这款进度条有两个特点：一是随着进度条的进度更新，都会有数字百分比实时显示，让数据更加直观；二是在不同的进度阶段，进度条的颜色会有所变化，这样能更好的反应当前的进度状态。加上黑色的背景，让这款CSS3进度条更加鲜亮起来。
下面我们来看看实现这款进度条的过程和源码，代码主要由HTML、CSS以及jQuery组成，实现过程也相对比较简单。
HTML代码：
<div id="wrapper"> <div class="loader-container"> <div class="meter">0</div> <span class="runner"></span> </div> </div>
这里定义了进度条的容器，以及进度百分比。
CSS代码：
.loader-container {
height: 6px;
width: 600px;
position: absolute;
top: 50%;[......]
干货分享 9款精挑细选的HTML5应用
7,754 人浏览
对于前端开发者来说，分享一些优秀的HTML5应用可以直接拿来用，更重要的是可以激发创作的灵感。今天我们要分享9款精挑细选的HTML5应用，个个都是干货。
1、HTML5/CSS3滑块动画菜单 图标动画很酷
CSS3菜单我们之前已经分享很多了，有3D菜单、下拉菜单、Tab菜单等，具体大家可以移步至CSS3菜单栏目下查找。今天我们要分享的这款HTML5/CSS3滑块动画菜单非常酷，鼠标滑过菜单项时会有一个漂亮的遮罩移动过来，并且这款动画菜单还有非常酷的图标，菜单整体效果很大气。
2、HTML5 Canvas头发飘逸动画 很酷的HTML5动画
HTML5 Canvas动画非常炫酷，很多有创意的开发者可以利用HTML5的Canvas特性创造出很多不错的动画特效。今天我们要分享一款HTML5 Canvas头发飘逸动画，该动画模拟头发飘动的效果，加上可爱的人脸，可以说非常有技术含量，更富有创意。
3、HTML5/CSS3带日期区间的日期选择插件
今天我们来分享一款实用的HTML5/CSS3日[......]
HTML5/CSS3滑块动画菜单 图标动画很酷
21,452 人浏览