作者归档:sxwgf

CSS3 3D翻转Tab切换插件

这是一款基于CSS3的Tab切换插件,关于Tab插件我们之前已经向大家分享过很多了,比如这篇超酷实用的CSS3 Tab菜单集合中就有很多不错的Tab插件。今天分享的这款主要是体现了3D翻转的样式,在点击tab菜单项时,内容区域会实现3D翻转的动画特效,非常不错。

css3-3d-rotate-tab

在线演示源码下载

11款几近完美的CSS3进度条插件

进度条在网页中的使用非常广泛,特别是现在基于jQuery和CSS3技术实现的进度条插件,外观上都非常完美,很多甚至都相当炫酷。这次我们来总结一些个人认为几近完美的CSS3进度条插件,这些都是以前我们分享过的,希望通过这次总结可以让更多的人了解和使用这些超有用的CSS3进度条。

1、jQuery五彩火焰背景的3D进度条插件

基于jQuery和CSS3的进度条插件五花八门,非常繁多,我们之前也介绍过一些,像超富创意的CSS3飞机跑道进度条动画在外观上就非常有创意,像CSS3发光进度条动还可以自定义控制进度条的百分比。今天我们再要介绍另外一款基于jQuery的五彩火焰背景3D进度条插件,它的背景就像燃烧的火焰一样,而且也有多种颜色选择,进度条整体看上去有3D立体的视觉效果。

jquery-sparkle-3d-progressbar

在线演示   源码下载

2、CSS3发光进度条动画 超炫酷的样式

这次我们要来分享一款非常炫酷的CSS3进度条动画,其样式风格类似于星球大战里面的那些激光剑效果。页面初始化时,可以设定进度条的值,但是我们也可以利用其配套的借口来动态改变进度条的值,使用起来比较方便。另外以前介绍过一款CSS3 3D进[......]

阅读全文>>

jQuery表头固定和自定义滚动条的表格美化

这次我们要来分享一些关于网页表格数据展示优化的jQuery插件,首先表格的表头是固定的,当数据行比较多时,向下拖动表格行时,也可以清楚地知道每一列数据的意义。其次表格的滚动条时经过美化过的,重写了浏览器自带的滚动条样式,这样让整个数据表格显得更加美观。

jquery-fixed-header-table

在线演示源码下载

基于Flat UI的3D按钮 可自定义按钮颜色

Flat UI是一款免费的Bootstrap主题,应用范围也是比较广泛的。今天我们要向大家分享一款基于Flat UI的3D按钮组合,按钮的颜色可以自己定义,关键是你选取的按钮背景色跟按钮下方边线颜色是否搭配,是否能产生3D立体的视觉效果。

flat-ui-3d-button

在线演示源码下载

又一波CSS3社会化分享图标 可旋转和悬停

前几天我们刚分享过一大波CSS3社会化分享图标按钮,是不是感觉十分受用,别急,还有一波黑色系的CSS3社会化分享图标按钮,它同样包罗了大部分社交媒体的分享按钮,同时鼠标滑过时有3中不同动画,一种是圆形按钮变成方形,一种是旋转图标,另外一种是悬停图标,搭配黑色背景的页面这些图标按钮都非常不错。

css3-rotate-stick-share-icon

在线演示源码下载

CSS3鼠标滑过翻转动画图标

之前我们已经在平台上分享过很多基于jQuery或CSS3的鼠标滑过动画应用了,比如一些按钮,像最全面的CSS3鼠标滑过动画按钮;也有一些图片,像CSS3 3D图片向上翻转渐隐消失动画。今天要分享的是一款CSS3鼠标滑过翻转动画图标,当我们将鼠标滑过图标时,图标中的小图案就会发生翻转。另外它还有一个特点是随着页面大小的变化,图标的尺寸也会自动适应屏幕的大小,这款CSS3小图标也比较适合用作分享按钮。

css3-rotating-icon

在线演示源码下载

jQuery五彩火焰背景的3D进度条插件

基于jQuery和CSS3的进度条插件五花八门,非常繁多,我们之前也介绍过一些,像超富创意的CSS3飞机跑道进度条动画在外观上就非常有创意,像CSS3发光进度条动还可以自定义控制进度条的百分比。今天我们再要介绍另外一款基于jQuery的五彩火焰背景3D进度条插件,它的背景就像燃烧的火焰一样,而且也有多种颜色选择,进度条整体看上去有3D立体的视觉效果。

jquery-sparkle-3d-progressbar

在线演示源码下载

CSS3天气预报动画图标

今天我们要来分享一款很不错的CSS3天气预报动画图标,图标表示了晴、多云、阴、雨、雷阵雨、雪这6种天气情况,并且每一个图标都带有动画,非常生动地描述了当前的天气状况。关于天气预报,也可以看看这款纯CSS3天气动画图标

css3-weather-icon

在线演示源码下载

一大波CSS3社会化分享图标按钮 让分享更简单

之前我们分享过不少基于CSS3和jQuery的社会化分享按钮,有些还是很漂亮的,比如这款jQuery可拖拽的弹性分享按钮菜单比较有个性,也比如CSS3各大网站分享按钮罗列比较全面,非常实用。今天我们要再为大家分享一波基于CSS3的社会化分享图标按钮,这款图标按钮还有鼠标滑过放大的动画特效,图标外观有圆形和圆角方形两种。

css3-share-button-icon

在线演示源码下载

不可错过的16个纯CSS3动画小图标

一提起图标,大家可能第一个会想到PS、美工等词语,你是否相信所有的小图标都可以使用CSS3实现,不管是简单的图标还是复杂带动画的图标,对CSS3来说都不是问题。这次我们给大家分享16个基于纯CSS3绘制的小图标,有几个还带有鼠标滑过动画特效,喜欢CSS3喜欢前端的你一定不可以错过,也可以分享给你的朋友。

16-pure-css3-icon

在线演示源码下载