8款强大的CSS3/HTML5动画及应用源码

1、CSS3 jQuery UI控制滑杆插件

今天我们要来分享一款基于CSS3和jQuery UI的控制滑杆插件，这款控制滑杆是在HTML5滑杆元素的基础上进行自定义CSS3渲染，所以外观更加漂亮。另外，这款控制滑杆插件是纵向的，当然你也可以通过设置让它水平放置。

在线演示

源码下载

2、HTML5版切水果游戏 HTML5游戏极品

这是一款由百度JS小组提供的HTML5版切水果游戏，记得切水果游戏当年非常火，今天我找到了一款基于HTML5实现的网页版切水果游戏。虽然和原版的切水果游戏相比功能不怎么完善，但是该HTML5切水果游戏也算有声有色，画面也十分华丽。

在线演示

源码下载

3、纯CSS3实现iOS 7扁平化图标

说实话一开始我并不喜欢iOS 7那种扁平化的风格，更加觉得iOS 7的那些图标非常烂。但是现在看习惯了iOS 7的图标，还是挺清新的。今天我们要用纯CSS3来实现iOS 7扁平化的图标，没有使用图片，纯CSS3绘制而成，工程量是浩大了点，不过相仿度还是挺高的哈。

在线演示

源码下载

4、基于Bootstrap的CSS3登录表单

这是一款基于Bootstrap的CSS3登录表单，Bootstrap是Twitter推出的一个用于前端开发的开源工具包。这款CSS3登录表单正是利用了Bootstrap来实现漂亮的表单UI，视觉效果非常不错。另外，表单的输入框左侧还有迷人的小图标衬托。

在线演示

源码下载

5、HTML5迷你音乐播放器 3D翻转播放按钮

上一篇我们分享了一款外观很酷的HTML5音乐播放器，这次分享的播放器比较小巧迷你，虽然外观没有上一个播放器那么精致，但是功能却是很齐全的。该HTML5音乐播放器的特点是有一个3D的翻转播放按钮。当然对于HTML5播放器的外观，大家可以自己设计定义。

在线演示

源码下载

6、HTML5播放器神话 卡带式古典播放器

这是一款样式非常古典，但又是非常时尚的HTML5播放器，说它是古典播放器，是因为这种卡带式的HTML5播放器比较古老，说它时尚，是因为现在的HTML5播放器很少有这种样式的，非常有创意。如果你想给你的个人主要添加一款个性化的播放器，那么这款HTML5卡带式古典播放器可以选择一下，个人认为这是HTML5播放器的神话，非常经典。

在线演示

源码下载

7、HTML5/SVG线性图表 可绘制图表区域颜色

今天要分享的这款HTML5图表应用是一款线性图表，它主要是有SVG构造出来的，这款SVG线性图表可以用不同的颜色绘制出图表的数据区域。

在线演示

源码下载

8、CSS3个性化注册表单

这次我们要来分享一款基于CSS3的个性化注册表单，说它个性化，从这几个方面可以看出来，首先，注册表单的性别选择框很特别，是一个滑块应用，其次是输入框，利用CSS样式输入框只有一条水平下滑横线，最后，注册表单从整体外观上来看非常清新自然，也很简单。

在线演示

源码下载

本文固定链接: http://www.i7758.com/archives/1264.html