CSS3深色背景的垂直手风琴菜单

手风琴菜单我们已经分享过很多了,特别是垂直手风琴菜单更为常见,比如这款jQuery手风琴样式的多级下拉菜单和这款CSS3带小图标的手风琴下拉菜单都非常不错。这次要分享的也是一款基于CSS3的深色背景的垂直手风琴菜单,实现原理与之前的比较类似,但是菜单展示形式略有不同,这个手风琴菜单当展开时子菜单会有水平飞入的动画效果。

jquery-css3-accordion-menu-t

在线演示源码下载

jQuery实现的一个颜色选择器 实时输出RGB值

今天给大家再分享一个非常实用的jQuery插件,它可以进行颜色选择,并且将选择的颜色RGB值实时输出。原先分享过的这款SVG/HTML5超富创意的环形颜色拾取器返回的是颜色的十六进制值,这款颜色拾取器与它相比,可以选择更多的颜色范围,同时RGB颜色值的输出也使它的使用范围更广。

jquery-color-picker-rgb

在线演示源码下载

HTML5 Canvas 3D跳动Loading加载动画 可调节参数

我们用CSS3制作过很多炫酷的Loading加载动画,比如这款纯CSS3漩涡样式的Loading加载动画CSS3发光线条旋转Loading加载动画。这次要分享的是一款基于HTML5 Canvas的3D跳动Loading加载动画,它的另一个特点是可以动态调节动画参数。

html5-canvas-3d-loading

在线演示源码下载

纯CSS3流星雨动画

今天给大家分享一个很有意思的纯CSS3动画,它模拟了流星雨落下时的情景。这个动画正是利用了CSS3的一些新特性,包括直线的倾斜,颜色渐变等,不仅绘制出了很多流星图形,而且让这些流行随机地产生并滑过天空,效果非常不错。

pure-css3-meteor-shower

在线演示源码下载

jQuery/CSS3适应手机端的Tab菜单页面切换插件

今天给大家分享一款设计和精致的jQuery Tab页面切换插件,它的样式风格与传统的Tab切换不同,首先Tab标签使用的是小图标模式,就像一个按钮一样。另外,在切换tab时,tab标签的样式也很有特点,是一个凸起的弧形,给人3D立体的视觉效果。同时切换tab时背景颜色还可以自动切换。

jquery-css3-mobile-tab

在线演示源码下载

纯CSS3卡通水母动画

我们为大家分享过很多基于纯CSS3的卡通动画,例如近期分享的纯CSS3卡通火车沿轨道行驶动画就非常不错。今天我们分享另外一款纯CSS3的卡通水母动画,水母是通过HTML和CSS代码绘制而成,同时通过CSS3的动画特性让水母不断的游动,效果非常逼真。

pure-css3-jellyfish

在线演示源码下载

纯CSS3炫酷的文字背景动画

CSS3的出现可以让我们使用纯CSS就可以实现一些比较复杂的网页动画特效,比如可以让最单调的文字出现炫酷的背景动画,这是在CSS3之前无法想象的。今天分享一个纯CSS3实现的文字背景动画,文字的背景不是纯色,也不是渐变色,而是不断播放的动画,这让文字产生了更多的活力。

pure-css3-text-bg-animation

在线演示源码下载

HTML5 Canvas发光的流体粒子动画

之前我们分享过很多基于HTML5 Canvas的粒子动画,大部分的效果都非常炫酷,有些还呈现3D的视觉效果。这次给大家带来另外一个很有特点的HTML5 Canvas粒子动画,它既可以看作是流体动画,又可以看作是粒子动画,同时在黑色背景的衬托下,流体粒子还会出现发光的动画特效。

html5-canvas-fluid-particle

在线演示源码下载

jQuery/Bootstrap模拟LED样式的倒计时动画

今天我们要给大家分享一款基于jQuery和Bootstrap的非常新颖的网页倒计时动画,它模拟了LED的显示方式,就像红绿灯的倒计时那样。你可以预先设定好倒计时的总时间,然后点击Start按钮即可从你设定的时间开始倒计时,当然你也可以点击Reset按钮重置倒计时。

jquery-led-timer

在线演示源码下载

JS/CSS3实现的3D波浪效果图片切换动画

我们分享过很多基于jQuery和CSS3的图片切换插件,很多都非常实用,也有很多效果炫酷的基于CSS3的图片切换。今天我们给大家分享一款基于JavaScript和CSS3的3D波浪效果图片切换动画,图片在切换时,就像波浪翻转一样,呈现出3D立体的切换动画特效。

js-css3-3d-wave-image

在线演示源码下载