您好,欢迎来到中国博客联盟!这里只收录优秀独立博客,纯手工审核机制!
点此可加入QQ群交流建站心得!中国博客联盟QQ交流群快速加群按钮  中国博客联盟QQ交流群快速加群按钮 / 登录 / 注册 / 找回密码
当前位置:中国博客联盟 » 站长资讯 » 建站技巧 » 文章详细

9 款赏心悦目的 HTML5/CSS3 特效

来源:爱七七五八网 浏览:1221次 时间:2015-04-16

1、HTML5 WebGL实验,超酷的HTML5 Canvas波浪墙

这是一款HTML5 Canvas实验项目,也是波浪特效,只是这不是真正的水波,而是利用柱体高度的变化实现的波浪墙效果。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 1

在线演示

源码下载

2、HTML5重力感应动画特效,冲撞小球演示

页面上会掉落大小不等的小球,我们可以拖动小球,也可以点击页面空白来生产更多的小球,如果你的电脑配置高,可以试试产生更多的小球来玩,非常有趣。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 2

在线演示

源码下载

3、HTML5 Canvas图表应用RGraph,图表功能非常强大

一款功能强大的HTML5 Canvas图表应用,这款HTML5图表有多种类型,直线图,柱状图,饼状图,甚至还有混合图,图表配置也十分简单,功能却非常强大。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 3

在线演示

源码下载


5、CSS3图片层叠展开特效,可展开扇形效果


这款CSS3图片特效没有那么绚丽,它的功能非常简单,当你把鼠标移到图片上时,多张图片便会由原先的叠在一起变成展开状态,展开过程中伴随CSS3动画,展开的形状是扇形。这款简单的CSS3图片层叠展开动画可以应用在图片展示和图片分享上。


9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 5

在线演示

源码下载


6、HTML5 Canvas饼状图表,HTML5&jQuery图表应用


一款基于HTML5 Canvas的饼状图图表应用,鼠标点击饼状图的某块区域时,即可高亮突出显示该区域。由于该饼状图是基于HTML5开发的,所以需要支持HTML5的浏览器才能够使用。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 6

在线演示

源码下载


7、CSS3 Loading进度条加载动画特效,3款绚丽风格


一款炫酷的CSS3进度条加载动画特效,该动画特效有3个不同的风格,注意,IE6/7/8是不支持该进度条动画的。


9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 7

在线演示

源码下载


8、纯CSS3进度条,华丽5色进度条示例


这是一款利用纯CSS3实现的进度条,它的实现非常简单,没有复杂的动画,该CSS3进度条最大的特点是拥有非常漂亮的5种颜色,整个进度条看上去非常专业。

9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 8


在线演示


源码下载


9、CSS3联系表单,清新外观带美化Select表单


这款CSS3表单比较清新简单,表单整体看上去很干净,特别的是,该CSS3联系表单有一个自定义的美化select表单,表单项在被激活的时候边框颜色会改变。


9 款赏心悦目的 HTML5/CSS3 特效 - 爱七七五八网 - 9


在线演示

源码下载




推荐博客

  • 忘记了回忆忘记了回忆

    做此网站是给自己一个记录生活,释放内心情感的地方,不求访问量和点击量,只希望以后看日记时能回忆起那曾经的美好。

    litianming.cn
  • 执笔流年执笔流年

    执笔流年是一家轻技术、重生活的个人文学博客网,博主以手中之笔,记录流年之事,用青春谱写寻梦的日子!

    www.moduw.cn
  • 易视技术博客易视技术博客

    易视技术博客-(YiShi.la)是一家乐享资源记忆点滴的博客,主要分享程序源码,站长工具,网络技术,免费空间,模板插件,网赚项目,各类资源,各类教程,QQ资源,手机应用,致力创造一个高质量网络资源教程的分享平台

    www.yishi.la
  • 阿里百秀阿里百秀

    阿里百秀是一个值得收藏的网站,一个分享生活、科技、微信热门文章的自媒体,每天更新来自世界各地的奇闻趣事、新潮科技、自然美迹、微信文章和各地美食文化及其相关文章。

    www.alibaixiu.cn
  • 伍零博客伍零博客

    伍零博客(www.50oo.cn)是一家乐享资源记忆点滴的博客,主要分享程序源码,站长工具,网络技术,免费空间,模板插件,网赚项目,优惠活动,各类教程,QQ资源,手机应用,致力创造一个高质量网络资源教程的分享平台

    www.50oo.cn
×
图标按钮