作者归档:sxwgf

CSS3 3D立体图片翻转焦点图

这是一款看上去非常简易的图片播放焦点图插件,插件利用了CSS3相关属性,实现图片的翻转动画。之前我们也刚分享过一款基于CSS3的图片悬停翻转动画,利用的是相同的原理,不过这是在翻转的过程中切换成另外一张图片。

css3-3d-image-flip-slider

在线演示源码下载

jQuery鼠标悬停图片翻转动画

这是一款简易的jQuery图片翻转动画插件,当我们将鼠标滑过图片时,图片即可以水平翻转,你可以在图片背面显示一些与该图片相关的文字描述,当图片翻转时,用户就可以看到相关的文字信息。之前也分享过一款可垂直水平翻转的jQuery/CSS3图片翻转特效,运用的也是类似的原理。

jquery-hover-image-flip

在线演示源码下载

HTML5 Canvas实现各种炫酷的仪表盘动画

还记得我们以前分享过一款6种样式的jQuery仪表盘指示器动画插件吗?是不是非常酷?今天我们要继续为大家分享一款基于HTML5 Canvas的仪表盘动画,仪表盘包括指南针、里程表、体温计等,你可以通过脚本控制其是否展示动画,动画效果都非常不错。

html5-canvas-dashboard

在线演示源码下载

CSS实现纯文本的Loading加载动画

对于Loading加载动画,我们已经介绍过不少了,像这款5个可爱的CSS3 Loading加载动画以及HTML5 Canvas实现超酷Loading动画都非常不错,但今天要分享的Loading动画是基于纯文本的,也就是利用一些特别的文本字符再加上简单的JS脚本控制即可实现很多超实用的Loading加载动画。

css-text-loading

在线演示源码下载

jQuery圆角可自由伸缩的Tab选项卡

今天我们要分享一款很不错的jQuery Tab选项卡插件,这款选项卡插件的特点是Tab标签页两端是圆角的,看上去没有那么生硬。同时Tab页的内容是可以自由伸缩的,可以适应不同页面大小和文字内容的长短。另外我们也推荐大家使用之前介绍的一款HTML5 SVG Tab滑块菜单,也非常不错。

jquery-fillet-tab-content

在线演示源码下载

可以帮你快速生成各种阴影效果的jQuery插件

在现代网页中,我们到处可以看到各种各样的阴影投影效果,一般我们会使用CSS3的相关属性来设置网页元素的投影效果,但是要设置各种不同的投影,CSS3中的属性比较复杂,比较难搞清楚。今天要介绍这款jQuery阴影插件,可以让你不用记住CSS3属性就可以方便地设置元素的阴影,利用这款jQuery插件基本可以满足日常开发中的各种阴影效果。

jquery-shadow-plugin

在线演示源码下载

超可爱的纯CSS3滑动开关按钮

这次要为大家介绍一组相当可爱的CSS3滑动开关按钮,与这款纯CSS3 3D左右滑动开关按钮纯CSS3实现滑杆开关切换按钮动画实现方式类似,都是通过CSS3将原有的checkbox样式替换成自定义的样式。这款CSS3滑动开关按钮可以定义不同的颜色,非常不错。

pure-css3-switch-button

在线演示源码下载

超实用的jQuery图文结合Tab菜单插件

今天我们要来分享一款非常实用的jQuery Tab菜单切换插件,它可以在商品分组显示中使用,并且是图文结合的,比如各大网上商城的产品推荐等。当我们将鼠标滑过Tab选项卡时,既可以将该Tab的内容激活,是一款非常不错的jQuery插件

jquery-tab-image-text

在线演示源码下载

CSS3仿Android按钮点击波浪特效

今天我们要来分享一个非常炫酷的CSS3按钮特效,它主要是模仿了Android系统中的按钮点击波浪动画特效,可以点击菜单链接、按钮这些网页元素,点击按钮后会出现波浪发光的动画效果,确实是一款既实用又炫酷的CSS3应用。

css3-ripple-button

在线演示源码下载

CSS3卡片鼠标悬停滑出分享按钮动画

这是一款基于CSS3的卡片图片动画,当我们将鼠标悬停在卡片上时,卡片中的图片和文字就会以不同的动画方式切换分离,然后弹出几个漂亮的分享按钮,你可以点击分享按钮分享这张卡片的内容。图片文字切换的动画是通过CSS3实现的,一共有9组不同的切换动画。

css3-card-share-buttons

在线演示源码下载