作者归档:sxwgf

超炫酷的jQuery卷轴展开动画

今天我们要给大家分享一款很不错的jQuery动画,它是一个卷轴展开的动画特效,就像一幅山水画展开一样,非常绚丽。它将一张完整的卷轴拆分到多个div中,然后通过jquery animate事件,配合不同的时间延迟,形成完整的卷轴打开动画。

jquery-reel-animation

在线演示源码下载

纯CSS3环形菜单动画 可展开二级子菜单

网页菜单是一个网站最主要的部分之一,之前我们分享过很多形态各异的jQuery/CSS3菜单,有炫酷的CSS3/jQuery创意盒子动画菜单,也有实用的CSS3多级下拉菜单 弹性展开下拉动画。今天要给大家分享一款富有创意的CSS3环形菜单,当我们将鼠标滑过菜单项时,即可以圆环的形式展开二级子菜单,效果非常不错。

pure-css3-circle-menu

在线演示源码下载

纯CSS3红色爱心跳动动画

之前我们分享过一些基于纯CSS3的爱心动画,最酷的非浪漫程序员 HTML5爱心表白动画这个莫属,另外还有这个HTML5 3D爱心动画也非常不错。今天要给大家带来一个纯CSS3的红色爱心跳动动画,爱心的形状是利用纯CSS3绘制出来的,结合CSS3的动画属性实现跳动的动画特效。

pure-css3-heart

在线演示源码下载

CSS3图片层叠弹性动画

之前我们分享过很多非常炫酷的CSS3和HTML5图片层叠切换动画,比如CSS3/jQuery实现移动端滑动图片层叠效果jQuery多张图片上下叠加切换插件。今天我们要分享的是一款基于CSS3的图片层叠弹性动画,当我们将鼠标滑过图片时,图片就会展示层叠的视觉效果,并且会以弹性的动画方式放大图片,效果非常不错。

css3-image-stack-elasticity

在线演示源码下载

jQuery左右列表选中内容快速切换插件

今天来介绍一款非常实用的jQuery列表内容切换插件,我们可以通过中间的按钮将列表中的内容快速地转移到选中列表和非选中列表中,该插件支持选中单个列表项的转移,也支持所有列表项的转移,使用起来非常方便。

jquery-list-content-change

在线演示源码下载

HTML5 Canvas 梦幻数生长动画

今天我们要为大家分享一款基于HTML5 Canvas的动画特效,它是一颗逐渐生长的梦幻大树,生长过程中树枝将会产生随机的色彩,让整一棵大树显得非常具有梦幻的效果。本实例利用了HTML5 Canvas的动画技术,实现了渐变式动画的特效。

html5-canvas-dream-tree

在线演示源码下载

纯CSS3 Loading加载动画 多组超炫酷风格

之前我们为大家分享过很多款炫酷和实用的CSS3 Loading加载动画,比如这款CSS3实现的火柴燃烧Loading加载动画5个可爱的CSS3 Loading加载动画。今天要分享的同样是一款基于纯CSS3的Loading加载动画,与其他Loading动画不同的是,它有很多种动画风格,你可以根据自己的喜好和实际项目选择一款加以应用。

css3-loading-cool-styles

在线演示源码下载

纯CSS3实现可爱的表情动画

CSS3非常强大,我们可以利用CSS3相关特性绘制很多平面图形,并且可以制作很多简单的动画。今天要分享的是一款用纯CSS3实现的可爱表情动画。一共有7组表情动画,我们可以在文章底部将这些表情用作读者看完文章的心情。

css3-expression-animation

在线演示源码下载

jQuery Tooltip气泡提示框插件 多种漂亮主题风格

今天我们要给大家分享一款非常炫酷的jQuery Tooltip气泡提示框插件,这款气泡提示框与之前分享的一款CSS气泡提示框 可自定义配置箭头不同的是,这款气泡提示框插件拥有多种不同的漂亮主题风格,而且气泡提示框弹出的时候还可以定义各种炫酷的动画效果,非常实用。

jquery-tooltip-theme

在线演示源码下载

jQuery/Bootstrap实现个性化Tab菜单插件

之前我们分享过许多外观漂亮而且非常实用的jQuery Tab菜单插件,比如HTML5 SVG Tab滑块菜单CSS3/jQuery实现Tab菜单小工具都是非常不错的Tab菜单插件。今天我们再分享一款基于jQuery和Bootstrap的个性化Tab菜单插件,这款Tab菜单的菜单项非常独特,三角梯形的菜单按钮非常不错,让人印象相当深刻。

jquery-bootstrap-tab-menu

在线演示源码下载