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

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

css3-circle-timer-prograss-bar

在线演示源码下载

jQuery/CSS3镜像文字垂直菜单导航

菜单导航我们已经分享过很多了,当然垂直菜单也有不少,比如这款CSS3垂直手风琴折叠菜单纯CSS3垂直菜单 菜单项滑动动画都非常不错。今天要分享的也是一款基于CSS3的垂直菜单导航,它的特点是鼠标滑过菜单文字时,文字将呈现镜像的动画特效。

jquery-css3-mirror-menu

在线演示源码下载

一款清新的jQuery日历插件 带日期的Tooltip提示

这是一款非常简单清新的jQuery日历插件,它并没有特别的日期或者时间选择功能,仅仅是展示一个简单的日历控件。这款jQuery日历插件的特点是色彩清新,而且也可以上翻和下翻月份。最大的特点是这款日历插件在鼠标滑过日期时,会弹出带有当前详细的日期和星期数据的Tooltip提示框。

jquery-calendar-with-tooltip

在线演示源码下载

CSS3 3D柱形统计图表

我们已经分享过很多HTML5图表了,当然也有基于jQuery的,类型包括很多种,包括柱形图、线型图、饼图等等。今天我们要分享的是一个用来统计运动步数的CSS3 3D柱形统计图表,初始化的时候图表是平面的,点击页面任意地方后,图表将呈现3D立体的柱形图。

css3-3d-column-chart

在线演示源码下载

纯CSS3绘制可爱的青蛙表情

之前我们分享过很多基于jQuery、CSS3和SVG的动画表情,比如一套HTML5/SVG表情图标HTML5/CSS3鬼脸表情下拉菜单。今天要分享另外一款超炫酷的CSS3青蛙表情,一共有12个表情,分别用青蛙的表情,有笑脸、也有生气的表情,非常可爱。

css3-frog-expression

在线演示源码下载

超炫酷的30个jQuery按钮悬停动画

按钮插件是最常见的jQuery插件之一,因为它用途广泛,而且配置起来最为方便。今天我们要分享的是30个超炫酷的jQuery悬停按钮动画,当我们将鼠标滑过按钮时,按钮的背景就会播放不同的动画特效。这款jQuery按钮插件的使用方法也很简单,给按钮指定一个类,然后用一行JS代码初始化即可。

jquery-button-hover-animation

在线演示源码下载

HTML5 Canvas水波纹动画特效

HTML5的Canvas特性非常实用,我们不仅可以在Canvas画布上绘制各种图形,也可以制作绚丽的动画,比如这次介绍的水波纹动画特效。以前我们也分享过一款基于HTML5 WebGL的水波荡漾动画,让人惊叹不已,这次分享的HTML5 Canvas水波纹动画同样非常震撼人心。

html5-canvas-water-ripples

在线演示源码下载

超绚丽CSS3多色彩发光立方体旋转动画

之前我们分享过几个不错的CSS3立方体动画,比如这款HTML5 3D立方体旋转动画HTML5 3D立方体图片切换动画。今天要分享的也是一款基于CSS3的3D立方体旋转动画,不同的是,这款立方体的每一个面都有不同的色彩,并且会带有绚丽的发光特效。

css3-shine-cube

在线演示源码下载

JavaScript万年历 带农历、时间和属相等功能

之前我们分享过一款基于jQuery的万年历插件,功能十分强大。今天我们要再来分享另外一款JS万年历应用,它同样支持农历和属相功能,同时也支持当前时间的显示。并且这款日历插件可以快速选择年份和月份快速定位日期,操作十分便捷。

js-lunar-calendar

在线演示源码下载