纯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

在线演示源码下载

纯CSS3漩涡样式的Loading加载动画

最近我们分享过几个很酷的纯CSS3 Loading加载动画,比如这款CSS3发光线条旋转Loading加载动画纯CSS3实现的六边形加载动画都非常漂亮。这次我们介绍一个漩涡样式的CSS3 Loading加载动画,它在加载的时候就像一个炫酷在旋转,同时中间有一个loading字样表示在加载内容。

pure-css3-swirl-loading

在线演示源码下载

jQuery/CSS3图片层叠展开插件 支持多种展开方式

这是一款基于jQuery和CSS3的图片层叠展开插件,它可以将很多张图片一开始一层层交错叠在一起,鼠标点击后,这些图片又会同时展开来。之前也分享过一些类似的插件,比如jQuery超酷的层叠照片墙 可放大切换预览图片,但今天的这款图片层叠插件不同的是,它支持多种层叠和展开方式,大家看了Demo就知道了。

jquery-css3-image-stack

在线演示源码下载

jQuery手风琴样式的多级下拉菜单

在网页后台系统中,我们经常会用到垂直方向上的手风琴菜单,因为这种可折叠的菜单不仅可以给功能分类,而且可以容纳更多的内容。今天要分享一款基于jQuery的手风琴样式的多级下拉菜单,它的特点与其他手风琴菜单相比支持任意级的多级下拉,这功能非常实用。

jquery-accordion-mult-menu

在线演示源码下载

纯CSS3方块翻转效果的Loading加载动画

关于Loading动画,我们之前已经分享过很多了,大部分都是纯CSS3实现的,比如这款纯CSS3实现的六边形加载动画就非常不错,还有更早以前分享的纯CSS3发光圆环Loading加载动画也很酷。这次给大家带来的也是一款基于纯CSS3实现的方块翻转效果的Loading加载动画,若干个小方块组成一个阵列,然后各自按指定方向翻转,这样循环后就形成了Loading加载的动画效果。

pure-css3-cube-loading

在线演示源码下载

jQuery和HTML5实现16宫格的翻牌消除游戏

今天给大家分享一个基于jQuery和HTML5的小游戏,这个游戏大家应该非常熟悉,它是一个16宫格的翻牌消除游戏,点击卡片后,如果两张卡片形状相同,则同时被消除。这个游戏应用主要用jQuery来控制卡片的状态,又利用了HTML5的sessionStorage来存储翻牌记录,一遍两张相同时消除。

jquery-html5-card-game

在线演示源码下载