CSS3 Sprite 技术实现僵尸行走动画

28,020 人浏览

2015-12-15 20:26:12

行走动画是CSS3动画的经典类型之一，今天要分享的这款CSS3僵尸行走动画与之前介绍的纯CSS3人物行走动画和纯CSS3实现大象走路动画不同，它是利用CSS Sprite技术实现的，也就是在同一张图片中绘制僵尸行走的每一帧，然后通过CSS3和JavaScript将这些帧播放，就形成了行走动画特效。

在线演示源码下载

超炫酷的HTML5视频播放器支持手机移动页面

256,533 人浏览

3条回复

2015-12-14 07:00:53

之前我们介绍过不少基于HTML5的视频播放器和音频播放器，有些都非常有个性，比如这款HTML5卡带式古典播放器和超酷播放器UI界面的HTML5视频播放器。今天要分享的这款也是HTML5视频播放器，但它的特点是支持手机移动页面，播放器的尺寸可以自适应各种设备。

html5-video-player-mobile

在线演示源码下载

jQuery水平时间轴内容切换插件

10,462 人浏览

1条回复

之前我们分享过很多基于Tab形式的内容切换jQuery插件，效果比较好的比如HTML5 SVG Tab滑块菜单以及CSS3外观漂亮淡入淡出Tab菜单。今天要分享的jQuery插件也是内容切换功能，不过它的特点是切换按钮以水平时间轴的形式，很有创意。

jquery-horizon-line-switch

在线演示源码下载

jQuery循环流程图表可动态新增节点

7,265 人浏览

1条回复

2015-12-13 21:42:39

今天我们要来介绍一款比较特别的jQuery图表应用，它是一个环形的循环流程图表，图表中的每一个节点都由一个有向箭头互相连接，该图表的特点在于，你可以动态想图表中插入一个节点，有了这个功能，我们就可以让这个图表变得相当实用了。

jquery-circle-node-chart

在线演示源码下载

纯CSS3 3D旋转图片墙动画

9,698 人浏览

1条回复

这是一款基于纯CSS3的3D旋转图片墙，这款纯CSS3图片动画非常炫酷，一张张图片不断旋转，组合成一个动画片段。当然这款动画是基于CSS3的，因此你需要更优秀的浏览器，另外动画有3D的视觉效果，很有立体的感觉。

pure-css3-3d-image-palyer

在线演示源码下载

基于Bootstrap的jQuery登录表单

5,717 人浏览

发表回复

2015-12-10 07:00:47

这是一款基于Bootstrap的登录表单，表单的外观自然不用说，沿用了Bootstrap的风格，非常漂亮。这款登录表单有一个经过CSS3处理过的头像图片，同时还有HTML5表单字段的简单验证，CSS3的使用，让整个登录表单的投影显得更加立体。

bootstrap-jquery-login-form

在线演示源码下载

很酷的CSS3多窗口邮件阅读器

5,861 人浏览

1条回复

这是一款非常炫酷华丽的CSS3邮件阅读器界面，它的特点是你可以同时点开多个邮件，而不必跳转页面。当你阅读完后可以点击关闭按钮关闭当前邮件的窗口。对于这种交互式的窗口，之前也分享过一个CSS3聊天窗口，大家也可以关注一下。

css3-cool-mail-reader

在线演示源码下载

jQuery图片抖动插件

8,433 人浏览

1条回复

2015-12-09 07:00:59

这是一款简易的jQuery图片抖动动画，当我们将鼠标滑过图片时，图片会产生一系列抖动动画。还记得以前分享过一个更高级的图片抖动动画，可以有很多种抖动方式，可以参看jQuery/CSS3实现网页元素抖动特效这篇文章。

jquery-image-shake

在线演示源码下载

HTML5笑脸样式的音乐播放器非常有爱

12,151 人浏览

2条回复

今天要来分享一款非常有爱的HTML5音乐播放器，它的外观酷似一张笑脸，其实笑脸的样式也是通过对播放器的各项按钮进行布局而产生的。同时这款播放器的功能也是比较完整的，播放、暂停、音量控制、播放进度等。

html5-smile-music-player

在线演示源码下载

CSS3超酷弹出对话框兼容移动端

12,179 人浏览

1条回复

2015-12-08 07:00:41

这是一款基于HTML5和CSS3的弹出对话框，一共有4种类型，每种对话框弹出的时候均带有一定的动画特效，比如成功时候的动画和加载时候的动画，都非常不错，和之前分享的jQuery弹出层对话框外观优雅带遮罩相比，虽然没有强大的回调功能，但是非常简单，更适合在移动端使用。

css3-dialog-with-animation

在线演示源码下载