程序员 nginx apache linux命令 Firefox Windows shell 开源 Ubuntu wordpress php linux Python google HTML5 java mysql centos 微软 Android

10 款强大绚丽的 jQuery/CSS3 特效

作为前端开发者,也在网页中应用过不少jQuery和CSS3效果,但大部分都是找开源的插件代码来实现,下面是10款开发者非常喜欢的jQuery/CSS3插件应用,有几个你可能比较熟悉,一起来看看吧。 

1、jQuery实现3D圆盘图片播放,支持鼠标滚轮 

这款相片播放工具是基于jQuery实现的3D圆盘类型的,图片像是在圆盘上旋转一样,支持鼠标滚轮,而且图片有漂亮的tooltip。

在线演示  /  素材下载 

2、CSS3灰色立体按钮 

这组按钮也是利用CSS3技术实现的,按钮不仅实现圆形,圆角矩形,而且利用CSS3的阴影特效使按钮显得非常具有立体感。

在线演示  /  素材下载 

3、CSS3底部阴影立体按钮 

这组CSS3按钮设计很简单,利用CSS3中的box-shadow属性很好的实现了修边的阴影效果,并且按钮在点击的时候会有立体的视觉效果。

在线演示  /  素材下载 

4、jQuery/CSS3左右拉伸动画菜单 

这款菜单设计非常独特,当普通情况下,菜单只显示菜单项的LOGO图标,当鼠标滑过菜单项时,菜单项就向左右拉伸展开,该菜单基于jQuery。

在线演示  /  素材下载 

5、jQuery手风琴相册集播放插件 

这是一款基于jQuery的手风琴相册集播放插件,相册分四组,每一组均可展开播放相片。

在线演示  /  素材下载 

6、jQuery时间轴焦点图 

这款jQuery广告焦点图的特点是拥有一个时间轴,它会提示你离播放下一张图片还有多少时间,同时你也可以点击时间轴上的点来快速跳跃至你想播放的那张图片。

在线演示  /  素材下载 

7、发光的CSS3登录表单 

这框网页表单十分绚丽,在CSS3属性的应用下,表单周围将会有一个变幻的光圈,及其具有立体感和很棒的用户体验。

在线演示  /  素材下载 

8、不同进度显示不同颜色的进度条 

这款CSS3进度条和别的有所不同,他的主要特点是随着进度的变化,进度条的颜色会有所改变,这个和游戏中人物的生命值很相似。

在线演示  /  素材下载 

9、简易的CSS3登录表单 

和其他登录表单一样,这款CSS3登录表单也十分简单,但看上去十分清爽和美观,值得收藏。

在线演示  /  素材下载 

10、CSS3立体飘带状菜单 

这款菜单特效的效果是鼠标移过菜单项向下凹,也非常不错。 

延伸阅读

评论