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

jopen 11年前

        在 HTML5 家族中,CSS3 无疑是一名举足轻重的家庭成员。我们可以利用 CSS3 的各种特性来完成非常炫酷实用的 HTML5 应用插件,方便前端开发者快速实现需要的功能。今天分享的 10 款最新 HTML5/CSS3 应用也许能激发你的灵感。

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

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

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

        在线演示  /  源码下载

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

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

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

        在线演示  /  源码下载

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

        今天要分享的这款菜单也是利用纯 CSS3 实现,这款 CSS3 菜单的菜单项下边框有各种漂亮的彩带,鼠标滑过时彩带的颜色也会改变。另外菜单在黑色背景下更显大气,很实用的一款菜单。

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

        在线演示  /  源码下载

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

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

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

        在线演示  /  源码下载

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

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

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

        在线演示  /  源码下载

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

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

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

        在线演示  /  源码下载

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

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

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

        在线演示  /  源码下载

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

        这次我们要分享一款利用纯 CSS3 实现的环形动画菜单,这款菜单在鼠标滑过时会旋转展开子菜单,旋转的时候带有淡入淡出的效果,非常酷的菜单特效。

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

        在线演示  /  源码下载

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

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

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

        在线演示  /  源码下载

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

        这是一个不错的 HTML5 多功能图表,它不仅支持饼状图,也支持金字塔状图,点击图表的统计区间即可查看当前区间的图表数据。

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

        在线演示  /  源码下载