作者归档:sxwgf

CSS3齿轮Loading加载动画

之前刚刚为大家分享过一款基于HTML5和CSS3的齿轮动画,让我们见识到了CSS3动画的强大之处。这次要介绍的同样是一款CSS3齿轮应用,不同的是,这款齿轮应用主要是用来做Loading加载动画的,使用这种Loading加载动画非常新颖,很是富有创意。

css3-loading-gear

在线演示源码下载

jQuery书本翻页动画 支持手机触屏

之前我们介绍过很多款功能各异的书本翻页动画了,比如最近刚分享的适配移动端的HTML5电子书翻页动画特效和很早前分享的CSS3书本翻页动画。这次给大家带来另外一个jQuery书本翻页动画插件,它的特点是支持移动端的触屏翻页,效果非常不错。

jquery-book-paging-mobile

在线演示源码下载

超绚丽的HTML5/CSS3齿轮动画

很早以前,我们分享过一个基于CSS3的齿轮动画,动画效果非常逼真。今天要分享的也是一款超绚丽的HTML5/CSS3齿轮动画,跟之前那个非常类似,实现原理也类似,不同的是,今天这款HTML5齿轮动画还带有水滴的动画效果,更具有模拟场景的味道。

html5-css3-gear

在线演示源码下载

jQuery 3D翻转切换焦点图插件 支持鼠标滚轮

之前我们分享过很多炫酷和实用的jQuery焦点图插件,比如这款HTML5/jQuery 3D焦点图插件 多种超酷切换动画就非常炫酷,而这款jQuery淡入淡出切换效果的焦点图插件就非常简洁实用。这次要分享的同样是一款基于jQuery的焦点图插件,它的切换动画是3D翻转,可以支持任意HTML元素块的切换,并且支持鼠标滚轮。

jquery-3d-rotate-image-slider

在线演示源码下载

漂亮的jQuery黑色宽屏下拉导航菜单

这是一款基于jQuery的宽屏下拉菜单,菜单整体的外观呈灰黑色,显得非常冷酷和大气。下拉菜单的宽度与主菜单齐平,因此是属于宽屏的菜单,这和我们之前分享的jQuery宽屏下拉菜单导航比较类似。这款下拉菜单的另外一个特点是,子菜单允许使用图片,因此内容相对比较丰富。

jquery-black-dropdown-menu

在线演示源码下载

HTML5 Canvas烟花动画 随机色彩、高度和角度

还记得之前我们为大家分享的一款HTML5烟花动画吗?那款烟花动画是根据你鼠标点击的位置来确定高度和角度的,而且色彩看起来并不是那么逼真。这次要介绍的也是一款基于HTML5 Canvas的烟花动画,它的特点是可以自动燃放,烟花的色彩和燃放的高度、角度都是随机生成的,而且与实际的烟花更加相似,色彩更加饱和。

html5-canvas-fireworks-2

在线演示源码下载

15个超绚丽的HTML5 Canvas时钟动画特效

之前我们有给大家介绍过很多基于HTML5的时钟动画,比如这款5种样式的HTML5 SVG圆盘时钟动画HTML5仿Apple Watch时钟动画,效果都很酷。这次要分享的是15个超绚丽的HTML5 Canvas时钟动画特效,它们很多都有各自不同的外观,有几个时钟的造型还非常新颖奇特,因为是基于HTML5 Canvas的,所以你的浏览器需要支持HTML5。

html5-canvas-15-clock

在线演示源码下载

超炫酷的jQuery/HTML5音乐唱片播放器

之前我们分享过很多基于jQuery和HTML5的音乐播放器,播放器的外观也有着很大的不同,比如这款卡带式的古典音乐播放器,也有迷你型的jQuery音乐播放器jPlayer。今天要介绍的音乐播放器功能更加强大,确切地说,它是一款音乐唱片的播放器,里面收藏了跟多唱片集,以CD的外观形式来播放音乐,并且CD的两面都可以使用,切换非常方便。

jquery-html5-record-player

在线演示源码下载

CSS3鼠标滑过发光动画按钮

之前我们分享过很多炫酷和实用的CSS3按钮应用,比如这款CSS3按钮发光动画 绚丽多彩纯CSS3实现质感发光动画按钮。今天要介绍的是另外一款基于纯CSS3的鼠标滑过发光动画按钮,一共有4组不同的发光动画,主要是发光的位置和角度有所不同。

css3-hover-shine-button

在线演示源码下载

jQuery不同弹出动画的相册预览插件

今天我们一起来欣赏一款基于jQuery的相册预览插件,一般我们的相册插件在弹出相片时都会以淡入淡出的效果呈现,但是这款jQuery相册插件的相片弹出动画有很多种,如果你对jQuery动画比较熟悉,还可以很轻松的自定义自己的相片弹出动画。

jquery-photo-viewer

在线演示源码下载