作者归档:sxwgf

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

在线演示源码下载

纯CSS3绘制的旺仔头像动画

这是一个用纯CSS3绘制和实现的旺仔头像动画,非常的可爱。旺仔的人物形象是通过纯CSS3绘制的,同时你会发现旺仔的眼睛和头发还在不断的摆动,非常生动,这些动画也是通过CSS3的动画属性来实现的,非常的酷。

pure-css3-wangwang

在线演示源码下载

18款炫酷的jQuery文字动画特效

对于文字特效,我们已经分享过很多了,有的是基于jQuery的,有的是基于HTML5和CSS3的,比如这款CSS3动态波浪文字动画特效CSS3火焰效果文字特效都非常的炫酷。今天要介绍18个基于jQuery和anime.js的文字动画,只要点击next和previous即可进行文字动画的切换。

18-cool-jquery-text-animation

在线演示源码下载

甜美的jQuery糕点图片切换动画

这次要介绍一款外观很甜美的jQuery焦点图插件,这款焦点图其实并不是简单的图片切换,而是部分元素的切换动画。右边有一排Tab按钮,点击按钮即可以切换到相应的糕点图片,糕点图片还有发光的动画特效,总而言之,整个焦点图动画非常的唯美。

jquery-cake-image-slider

在线演示源码下载

jQuery垂直经典Tab内容切换插件 SVG绘制小图标

之前也有介绍过很多Tab内容切换插件,有水平切换的,也有垂直切换的,比如CSS3/jQuery实现Tab菜单小工具jQuery右侧Tab选项卡的焦点图插件,都是非常实用的。这次要分享的也是一款基于jQuery的Tab插件,它是垂直切换内容的,特点是利用svg绘制小图标放置在tab按钮上,让整个Tab切换插件在外观上漂亮了不少。

jquery-tab-svg-icon

在线演示源码下载

超炫酷的HTML5图片水面倒影和波纹动画

还记得以前分享过一款超级棒的HTML5 WebGL水面水波荡漾特效吗?是的,HTML5确实是特别炫酷,尤其是Canvas的灵活使用。今天要分享的也是一款基于HTML5 Canvas的图片水面倒影和波纹动画,利用这款应用我们可以将任意一张图片添加水面倒影的特效,并且添加水面波浪起伏的动画,就好像图片中的景物都在湖面倒影上一样。

html5-canvas-image-water-wave

在线演示源码下载