jQuery层叠图片细节对比插件

4,069 人浏览

2018-01-06 11:19:29

之前我们分享过几款比较实用的图片对比插件，比如这款JavaScript图片拖动对比实现图片差异定位就非常强大，可以左右滑动。今天我们要介绍的这款jQuery层叠图片细节对比插件功能也比较实用，可以通过鼠标滑动图片上方的滑杆来对比两张图片的细节。

在线演示源码下载

jQuery自定义美化Select下拉框插件

6,831 人浏览

发表回复

2018-01-05 23:12:36

之前我们分享过很多款非常漂亮而且实用的jQuery美化版Select下拉框插件，比如jQuery Select下拉框美化插件菜单淡如淡出动画和漂亮实用的Select下拉框美化插件Tether都非常不错。今天我们要给大家介绍另一款基于jQuery的自定义美化Select下拉框插件，它的配置十分简单，引用插件库后用几行jQuery代码初始化即可。

在线演示源码下载

纯CSS3实现的蒙娜丽莎画像

5,173 人浏览

发表回复

2018-01-04 22:40:05

蒙娜丽莎画像非常著名，如果告诉你这幅画像我们可以使用纯CSS3绘制而成，你是否会觉得非常惊讶。没错，今天我们要分享的就是这个使用纯CSS3，没有使用任何图片的蒙娜丽莎画像，实现原理是利用CSS3的阴影特性，逐层用不同的颜色渲染，从而形成这幅蒙娜丽莎巨作，当然有点模糊是肯定的，毕竟是通过投影渲染的，是不是觉得非常神奇。

在线演示源码下载

CSS3社交关系网模拟动画

3,926 人浏览

发表回复

2018-01-03 23:01:36

这次我们要给大家分享一款CSS3模拟社交关系网的动画特效，社交网的中心是用户的头像图片，由中心连线展开到各个社交网络的Logo图片，同时每一条连接线上面都会有一个圆点由中心向各个节点移动，形成关系网的模拟动画，利用CSS3，我们可以让点运动，也可以让图片变成圆形，还是比较有趣的。

在线演示源码下载

CSS3自定义菜单内容的二级下拉菜单

6,245 人浏览

发表回复

2018-01-02 08:45:33

之前我们分享过很多基于jQuery和CSS3的二级下拉菜单，大部分都非常实用，当然也不乏炫酷的动画，比如这款HTML5/CSS3水平二级下拉菜单就比较朴实，这款jQuery/CSS3波浪形弹性下拉菜单就比较富有个性。今天我们要分享的这款CSS3下拉菜单特点在于二级下拉菜单内容可以自定义，可以是简单的多列，也可以是复杂的图文排版。

在线演示源码下载

HTML5 多维度3D图片切换动画

5,200 人浏览

发表回复

2017-12-31 09:58:22

今天我们要给大家分享一款非常特别的HTML5/CSS3焦点图插件，这款焦点图插件可以实现XY两个维度的图片切换动画，并且图片在排列时有一种3D立体的视觉效果，这样的效果正是使用了CSS3特殊属性改变了图片4条边的倾斜角度。

在线演示源码下载

纯CSS3乒乓球动画

5,292 人浏览

发表回复

2017-12-29 20:35:29

这是一个比较有意思的纯CSS3乒乓球动画特效，主要是模拟了乒乓球运动动画，画面上用CSS3绘制了一张乒乓球桌，一个乒乓球在球桌上来回运动，就好象两个运动员在打乒乓球一样。当然如果你可以在球桌两端绘制两个运动员那就更加逼真的，有兴趣的同学可以自己研究一下。

在线演示源码下载

15个超强悍的CSS3圆盘时钟动画赏析

16,581 人浏览

发表回复

在网页上，特别是个人博客中经常会用到时钟插件，一款个性化的时钟插件不仅可以让页面显得美观，而且可以让访客看到当前的日期和时间。今天我们给大家收集了15个超强悍的圆盘时钟动画，很多都是基于CSS3，也有一部分利用jQuery和SVG，让我们一起来看看吧。

1、纯CSS3/SVG实现的带秒针表盘圆盘复古时钟

现在的网页上圆盘时钟越来越少见了，更多的是数字时钟和数字日历。之前我们分享过一些基于jQuery和CSS3的圆盘时钟动画，比如纯CSS3 3D立体圆盘时钟动画和jQuery实现一个挂在墙上的圆盘时钟动画都非常不错。这次要给大家带来一款比较复古的圆盘时钟，基于纯CSS3，盘面是SVG绘制而成，并没有使用任何图片。时钟整体外观比较怀旧，给人不一样的视觉感受。