分享10款激发灵感的最新HTML5/CSS3应用

1、HTML5/CSS3实现iOS Path菜单 菜单动画很酷

Path菜单相信大家都不陌生吧,它在iOS中非常流行,今天我们要分享的菜单就是利用HTML5和CSS3技术来模拟实现这款iOS Path菜单,点击按钮,即可弹出子菜单,子菜单弹出的动画非常炫酷。点击子菜单,即可打开相应功能。

在线演示

源码下载

2、HTML5环形音乐播放器 播放器外观非常酷

今天我要分享一款外观更酷的HTML5音乐播放器,该播放器是环形的,背景图片非常漂亮,可以控制播放、调整音量等播放器常用的功能。

在线演示

源码下载

3、HTML5/CSS3闹铃动画特效 闹钟可以抖动

闹铃大家都用过,经常吵着你上学上班。今天我们要用HTML5/CSS3技术来实现一个模拟的闹铃动画特效,首先这个闹钟可不是摆设,它有时钟的功能,你可以查看本地时间。另外这个闹铃在定点的时候会抖动起来,效果非常逼真,是一款挺有趣的HTML5动画特效。

在线演示

源码下载

4、纯CSS3实现多色彩菜单 带鼠标滑过动画

在网站上,我们分享了好多纯CSS3实现的网页菜单,大家可以去CSS3菜单栏目下搜索。今天要分享的这款菜单也是利用纯CSS3实现,这款CSS3菜单的菜单项下边框有各种漂亮的彩带,鼠标滑过时彩带的颜色也会改变。另外菜单在黑色背景下更显大气,很实用的一款菜单。

在线演示

源码下载

5、CSS3侧边栏菜单 带可爱的小图标菜单

我们已经分享过很多漂亮的CSS3菜单了,今天要分享的这款CSS3菜单是侧边栏菜单,菜单整体式停靠在网页的侧边,鼠标滑过时才会展开菜单,该CSS3侧边栏菜单拥有一套漂亮的svg小图标,菜单的整体样式非常清新,是一款不错的CSS3菜单。

在线演示

源码下载

6、HTML5 3D图表插件 可动态显示图表数据

今天我们又要给大家分享一款非常酷的HTML5 3D图表插件,它可以将图表的数据项绘制成一个3D的区域,并且图表的数据可以动态的逐一显示,图表的视觉效果也不错。

在线演示

源码下载

7、HTML5/CSS3联系表单 提交按钮有发光动画

今天我们来分享一款很酷的CSS3联系表单,表单有一张很有内涵的背景图,表单充满全屏,非常大气。另外该CSS3联系表单还有一个会发光的提交按钮,非常酷。

在线演示

源码下载

8、CSS3环形动画菜单 很酷的旋转动画

之前我们介绍过几款外观漂亮,而且比较实用的CSS3菜单,像这款HTML5/CSS3 3D下拉折叠菜单3D效果非常不错,这次我们要分享一款利用纯CSS3实现的环形动画菜单,这款菜单在鼠标滑过时会旋转展开子菜单,旋转的时候带有淡入淡出的效果,非常酷的菜单特效。

在线演示

源码下载

9、HTML5图片组合归类效果 图片分类利器

HTML5对处理一些简单的动画非常方便,比如移动、淡入淡出效果等。今天分享的这款HTML5图片组合归类特效就应用了HTML5的移动特效,当用户选择一个图片分类时,相关分类的图片就会移动到这个分类下面,并伴随着淡入淡出的移动动画,是一款效果很酷的HTML5图片处理应用。

在线演示

源码下载

10、HTML5多功能图表 支持饼状图和金字塔图

没记错的话前几天我已经分享过一款不错的HTML5饼状图表了,像这款HTML5 Canvas饼状图表,就很强大。今天再发布一个更加不错的HTML5多功能图表,它不仅支持饼状图,也支持金字塔状图,点击图表的统计区间即可查看当前区间的图表数据。

在线演示

源码下载

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

时间: 2024-10-04 23:26:24

分享10款激发灵感的最新HTML5/CSS3应用的相关文章

10 款激发灵感的 HTML5/CSS3 应用

在HTML5家族中,CSS3无疑是一名举足轻重的家庭成员.我们可以利用CSS3的各种特性来完成非常炫酷实用的HTML5应用插件,方便前端开发者快速实现需要的功能.今天分享的10款最新HTML5 CSS3应用也许能激发你的灵感. 1.HTML5环形音乐播放器,播放器外观非常酷 今天我要分享一款外观更酷的HTML5音乐播放器,该播放器是环形的,背景图片非常漂亮,可以控制播放.调整音量等播放器常用的功能. 2.HTML5/CSS3闹铃动画特效,闹钟可以抖动 闹铃大家都用过,经常吵着你上学上班.今天我们

9款极具创意的HTML5/CSS3进度条动画(免积分下载)

尊重原创,原文地址:http://www.cnblogs.com/html5tricks/p/3622918.html 免积分打包下载地址:http://download.csdn.net/detail/yangwei19680827/7352505 今天我们要分享9款极具创意的HTML5/CSS3进度条动画,这些进度条也许可以帮你增强用户交互和提高用户体验,喜欢的朋友就收藏了吧. 1.HTML5/CSS3图片加载进度条 可切换多主题 今天要分享的这款HTML5/CSS3进度条模拟了真实的图片加

10款让人惊叹的HTML5/jQuery图片动画特效

1.HTML5相册照片浏览器 可连接Flickr照片服务 以前我们经常会分享一些jQuery相册浏览插件,效果不错,实用性也很强.不过如果能利用HTML5来实现相册浏览器,那么相册浏览效果肯定会更加炫酷.今天分享的这款HTML5相册浏览器可以连接到Flickr获取照片,也可以连接到youtube获取视频,照片在初始化的时候有波浪般的效果. 在线演示 源码下载 2.CSS3图片模糊效果 今天我们来分享一款利用CSS3技术让图片模糊的效果,我们只需要将鼠标滑过图片,就可以让图片产生模糊的特效,利用C

10款效果惊艳的HTML5应用和源码

1.纯CSS3实现打火机火焰动画 这又是一款很酷的纯CSS3动画特效,它是一个可以点燃的打火机,当你用鼠标滑过这只打火机时,打火机就会打开,然后开始出现火焰燃烧的动画特效.另外要说明的是,整个动画都是利用纯CSS3实现的,没有一行JS代码,小伙伴们,这个CSS3动画是不是很酷? 在线演示 源码下载 2.HTML5/CSS3图片过滤归类应用 三种过滤动画 今天我们要来分享一款基于HTML5和CSS3的图片特效,它可以很方便地将各种图片进行归类和过滤,在归类过滤的过程中,图片有非常酷的动画效果,并且

8款最受欢迎的HTML5/CSS3应用及源码

新的一周开始,小编也将继续为大家分享精彩的HTML5应用,还有CSS3和jQuery方面的东西.今天给大家带来的是8款最受欢迎的HTML5/CSS3应用及代码,一起来看看吧. 1.基于HTML5 Canvas的图表插件Chart.js chart.js是一款基于HTML5 Canvas的图表插件,chart.js的功能非常强大,它不仅提供了常见的柱形图.折线图.饼状图,而且还提供了环形图.雷达图,样式外观多样,图表的色彩搭配也比较清新.chart.js还有一个特点就是图表在初始化的时候有弹性动画

分享10款功能强大的HTML5/CSS3应用插件

1.纯CSS3美化Checkbox和Radiobox按钮 外观很时尚 利用CSS3我们可以打造非常具有个性化的用户表单,今天我们就利用CSS3美化Checkbox复选框和Radiobox单选框.CSS3美化Checkbox和Radiobox的原理很简单,在页面上新建一个checkbox和radiobox并给予他们默认的label标签显示文字,然后将checkbox和radiobox隐藏,再利用CSS3来美化label标签,这样,我们就自定义了checkbox和radiobox,外观很时尚. 在线

分享10款web前端基于css3和HTML5的源码预览下载

1.纯CSS3模拟烧烤动画 今天要来分享一款非常有创意的CSS3动画,这款动画模拟了一个烧烤架,烧烤架上的食物也都是用纯CSS3绘制而成,没有用一张图片,效果相当逼真.另外一个有意思的是,这个CSS3烧烤架还会冒烟,模拟了烧烤时的情景. 在线演示 源码下载 2.纯CSS3实现人物跑步动画 还记得之前给大家分享的这款CSS3人物行走动画吗?动画效果确实棒极了.今天我们再分享一款基于CSS3的人物跑步动画,跑步动画非常简单,跑步的人物仅仅用一些线条勾勒出来,通过这些线条的弯曲和移动形成跑步的动画效果

分享8款最新HTML5/CSS3功能插件及源码下载

1.HTML5/CSS3鬼脸表情下拉菜单 超级可爱 这款HTML5/CSS3鬼脸表情下拉菜单真的很特别,虽然菜单的实现并没有利用复杂的HTML5/CSS3技术,但是创意的确不错. 在线演示 源码下载 2.CSS3带Tooltip的按钮 按钮绿色清新 该按钮带有Tooltip功能,鼠标滑过按钮时即可显示Tooltip,另外按钮还有一个漂亮的图标.这款CSS3按钮整体是绿色清新风格,非常不错. 在线演示 源码下载 3.HTML5/CSS3制作Safari Logo 指针动画很炫 这款Logo动画,它

分享7款让你赞叹的HTML5动画应用

前两天我们收集了不少炫酷的HTML5最新动画应用,效果都还不错,值得让人赞叹.今天就精选7款最新的HTML5动画应用分享给大家,希望能喜欢. 1.HTML5 3D图片阴影翻转动画 效果很酷 今天我们要分享一款很酷的HTML5 3D动画特效,这款3D特效可以为你的图片增加阴影的效果,而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果.这和之前分享的HTML5 3D动画HTML5 3D正方体旋转动画有着类似的效果,大家也可以看看. 在线演示 / 源码下载 2.HTML5 Canvas波浪动画 可调