HTML5 Canvas 3D球形文字标签云动画

个人博客程序中经常会使用的一个功能叫标签云,就是把许多标签文字提取出来,使用云的形式将这些标签展示给读者。今天要分享的就是一款基于HTML5 Canvas的3D球形标签云动画,你可以定义任意的文字,然后调用HTML5代码初始化一个3D的球形标签云,效果非常不错。

html5-canvas-3d-text-ball

在线演示源码下载

jQuery垂直手风琴焦点图插件 全屏背景图片展示

这次我们要来介绍一款外观非常大气的jQuery手风琴焦点图插件,这款手风琴焦点图插件的特点是以垂直的形式展开和收拢图片,图片收拢时将会以半透明的状态显示缩略图。最大的特点是切换每一张图片时,页面上将会充满整一张图片,全屏的方式展示背景图片,十分大气和具有立体感。

jquery-ver-image-accordion

在线演示源码下载

近20款样式的HTML5环形进度条插件

之前我们有给大家分享过很多款外观炫酷或者功能实用的jQuery/HTML5环形进度条插件,比如这款CSS3 3D环形进度条 带进度百分比;也分享过很多基于jQuery的进度条插件,这篇文章总结了很多。今天要分享的也是一款基于HTML5的环形进度条插件,一共有近20款样式,非常实用。

html5-circle-progressbar

在线演示源码下载

CSS3僵尸从墓穴爬出来的动画特效

还记得很早的时候我们给大家分享过一款CSS3僵尸行走动画吗?动画效果十分逼真。这次要给大家分享另外一款有关僵尸的CSS3动画,这款动画利用了CSS3特性绘制了一只僵尸从墓穴出来时的特效,应该是从植物大战僵尸游戏中模仿过来的。

css3-zombie-from-grave

在线演示源码下载

HTML5方块消除游戏源码

今天我们要给大家介绍一款基于HTML5的消消乐游戏,这款游戏在画面上展示了很多可爱的小动物方块,交换两个小动物的位置即可消除相应的方块。同时在游戏中会随机产生道具,会给游戏增加一定的乐趣。这款游戏是基于HTML5开发的,下载游戏源码还可以学到最前沿的HTML5技术。

html5-remove-game

在线演示源码下载

CSS3实现漂亮的柱形图表

这是一款简单而精美的CSS3柱形图表插件,整个插件没有使用一行JavaScript代码,都是利用CSS3的动画属性完成的。跟之前介绍的华丽的HTML5图表 可展示实时数据HTML5 3D图表插件 可动态显示图表数据相比,这款柱形图表更显简洁,但非常实用,而且使用起来最为简单。

css3-bar-chart

在线演示源码下载

CSS3绘制可爱的猫头鹰 眼睛会转动

之前我们分享过很多基于纯CSS3的绘制动画效果,比如这款纯CSS3实现大象走路动画纯CSS3绘制可爱的蚱蜢,效果都非常不错。今天要分享的这款也是基于纯CSS3可爱的猫头鹰动画,移动鼠标猫头鹰的眼睛还会转动,非常逼真。

css3-owl

在线演示源码下载

jQuery 3D卡片天气预报插件 支持手机端滑动

今天要向大家分享一款非常实用的jQuery天气预报插件,该插件有以下几个功能和特点:1、可以动态读取本地地区并针对该地区查询未来几天的天气情况;2、天气预报结果以卡片的形式展示,每一天的天气预报分都有一张卡片,并且以3D的形式展示这些卡片;3、在PC段可以通过鼠标来切换每一天的天气情况,而且在手机端同样支持触屏滑动切换。

jquery-3d-weather

在线演示源码下载

HTML5波浪形切换焦点图动画

之前我们分享过很多基于jQuery和HTML5的焦点图动画插件,比如这款jQuery带缩略图焦点图插件HTML5/CSS3立方体翻转3D全屏焦点图都非常炫酷和实用。今天要分享的同样是一款基于HTML5的焦点图动画,它的特点是图片切换时使用波浪形切换方式,非常不错。

html5-wave-image-player

在线演示源码下载

CSS3超炫酷圆形计时器进度条动画

今天要给大家分享一款非常炫酷的CSS3圆形计时器,这款圆形计时器也可以用来做进度条,非常实用。该计时器由2个圆环组成,分别代表秒和分,随着时间的推移,这两个圆环将逐渐被色彩填充满,并且每一秒的过程中都会有另外一个圆环进行颜色填充。

css3-circle-timer-prograss-bar

在线演示源码下载