作者归档:sxwgf

纯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

在线演示源码下载

CSS3实现漂亮的3D线条按钮

有一段时间没有给大家分享漂亮的网页按钮了,这次要给大家带来一款外观非常新颖的CSS3线条3D按钮,一共有2组样式,每一组都是用纯CSS实现,鼠标滑过按钮时,按钮就会出现漂亮的线条,从而让按钮显得非常有立体感,线条的颜色也可以根据自己的喜好自定义选择。

css3-3d-line-button

在线演示源码下载

HTML5浪漫爱心表白动画

今天上一个对程序员非常重要的表白神器,一个基于HTML5的浪漫爱心表白动画,写上你表白对象的名字,名字周围即会出现许多闪亮的爱心,并围绕成一个大的爱心,大爱心会跟随鼠标一起旋转,动画效果非常不错。

html5-heart-explain

在线演示源码下载

CSS3实现答题卡片抽取切换动画

之前我们分享过一些基于CSS3和jQuery的卡片动画,比如这款HTML5/CSS3卡片抽出动画CSS3/jQuery实现移动端滑动图片层叠效果。今天要介绍的也是一款基于CSS3的答题卡片抽取切换动画,当你答完一题后,答题卡就会抽出,新的答题卡就会切换成当前页面,动画效果非常不错。

css3-card-siphon-slider

在线演示源码下载

jQuery俄罗斯方块游戏动画

记得之前为大家介绍过一款HTML5/CSS3简易版俄罗斯方块游戏,经典值得回味。今天我们同样要再分享一款基于jQuery的俄罗斯方块游戏,这款俄罗斯方块游戏同样支持难度自动提升、累计积分等功能,唯一的问题就是未能处理好浏览器中的向上和向下箭头的兼容,建议对JS熟悉的朋友可以自行修改游戏按键以避开上下键。

jquery-tetris-game

在线演示源码下载

jQuery网页音乐播放器 支持歌曲播放列表

之前我们为大家分享过很多基于jQuery和HTML5的音乐播放器,比如这款质感炫酷的HTML5音乐播放器jQuery迷人音乐播放器jPlayer,效果都非常不错,而且也比较实用。今天要介绍的同样是一款网页音乐播放器,它拥有音乐播放器大部分的功能,更重要的是它支持歌曲播放列表,适合将这款播放器放到个人博客中去,非常实用。

jquery-music-player-list

在线演示源码下载