8

挚爱HTML5 7款华丽的HTML5/CSS3应用

 2 years ago
source link: http://www.androidchina.net/7270.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

新的一周开始了，小编继续为大家分享一些不错的HTML5应用，也感谢各位前端爱好者这么久的支持。今天我们要分享7款华丽的HTML5/CSS3应用，这些HTML5应用都是最新收集的，欢迎各位收藏。

1、HTML5/CSS3图片选择动画 可选择多张图片

之前我们已经分享过几款很酷的HTML5图片特效，像HTML5 3D图片折叠特效、HTML5 3D旋转图片相册等应用。今天我们来分享一款既炫酷又实用的HTML5图片选择特效，当图片被选中时，图片上就会覆盖一个半透明的层，上面有一个勾，并且在选中的时候图片出现弹跳的动画效果。

在线演示 / 源码下载

2、HTML5/CSS3折叠动画登录表单

之前我们分享过一款仿facebook的登录表单，效果的确很赞。今天我们再来分享一款很有特色的CSS3登录表单，这款登录表单的用户名和密码是分开输入的，当输入用户名，然后按回车时，即会折叠展开密码输入框，这个3D折叠的效果很不错。

在线演示 / 源码下载

3、纯CSS3实现图片复古效果 鼠标滑过切换

今天我们要分享一款非常酷的图片效果，这个效果在很多P图软件中经常可以看到，就是对一张图片进行复古效果的渲染。这款CSS3图片效果就实现了这个复古的特效，我们只要将鼠标滑过图片，就可以实现这一图片复古效果了。

在线演示 / 源码下载

4、简易的CSS3下拉菜单 外观比较清新

今天我们要来分享一款外观非常清新的CSS3下拉菜单，这款下拉菜单和之前我们分享的一些不同，它主要可以应用在一些操作面板上，配上一些小图标可以让这款CSS3下拉菜单变得更加漂亮和实用。另外，由于菜单非常简单，我们也可以非常方便地扩展它。

在线演示 / 源码下载

5、HTML5/CSS3实现3D旋转陀螺动画

这次我要向大家分享一款很有创意的HTML5/CSS3动画特效，它是一个可以旋转的3D陀螺动画。这个动画和之前分享的HTML5动画类似，主要也是利用了CSS3的transform属性，让物体旋转起来，同时对translateZ赋值实现左右摇摆的动画，让整个陀螺旋转非常逼真。

在线演示 / 源码下载

6、超酷HTML5环形音乐播放器 带播放列表

不久前我们已经分享过一款很酷的HTML5环形音乐播放器HTML5环形音乐播放器 播放器外观非常酷，今天我们要分享的HTML5音乐播放器也是环形的，和上一款不同的是这款HTML5环形音乐播放器可以有播放列表，用户可以选择音乐来播放。

在线演示 / 源码下载

7、HTML5线性图表iGrapher 功能非常强大

iGrapher是一款基于HTML5的线性图表应用，和之前分享的HTML5线性图表 图表数据区域可着色类似，iGrapher也可以按不同的统计范围来绘制曲线，同时我们在iGrapher中可以利用鼠标滚轮来缩放统计区间，同时我们可以在menu栏中选择需要显示的统计数据。

在线演示 / 源码下载

好了，以上就是7款华丽的HTML5/CSS3应用，欢迎收藏分享。（www.html5tricks.com）

转载请注明：Android开发中文站 » 挚爱HTML5 7款华丽的HTML5/CSS3应用


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK