使用 jQuery & CSS3 实现翻转的作品集滑块

作为 Web 开发人员，我想你一定见过各种各样的图片滑块效果。展示产品或者个人作品的方法有很多，其中之一是使用网格样式的滑块效果。在本教程中，我将分享如何使用 jQuery 和 CSS3 变换实现翻转的作品集滑块效果。

效果演示      源码下载

本文链接：使用 jQuery & CSS3 实现翻转的作品集滑块

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

使用 jQuery & CSS3 实现翻转的作品集滑块的更多相关文章

1. jquery 3D分页翻转滑块

   jquery 3D分页翻转滑块,jquery分页,jquery插件,jquery,3D翻转,css3分页,360度旋转,网页特效代码3D分页翻转滑块是一款使用网格样式与滑块效果分页的特效.

2. 新鲜出炉的30个精美的 jQuery & CSS3 效果【附演示和教程】

   新鲜出炉的30个精美的 jQuery & CSS3 效果[附演示和教程]   作为最流行的 JavaScript 开发框架,jQuery 在现在的 Web 开发项目中扮演着重要角色,它简化了 ...

3. 使用 jQuery & CSS3 制作美丽的照片画廊

   在本教程中,我们将创建一个很好看的照片画廊效果.我们的想法是,以显示专辑作为一个滑块,而当这张专辑被选中,我们将使用一个美丽的照片堆栈展示专辑的图像.在照片堆栈视图,我们可以通过将最上面的图像移动到所 ...

4. 8款超酷体验的jQuery/CSS3应用插件

   1.jQuery/CSS3实现Android Dock菜单效果 这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部的按钮即可让应用图标浮动上来,并且按钮也出现3D的翻转效果 ...

5. 打造简易可扩展的jQuery/CSS3 Tab菜单

   原文:打造简易可扩展的jQuery/CSS3 Tab菜单 今天我们利用jQuery和CSS3来打造一款简易而且扩展性强的Tab菜单,这款Tab菜单在切换时也有滑块的效果,先来看看效果图: 由与Tab菜 ...

6. 绚丽而实用的jQuery/CSS3应用及源码

   HTML5加入WEB以后,网页世界就变得丰富绚丽起来了,但是我们在项目应用中,不仅需要绚丽的动画效果,而且更需要有实用的价值.今天分享的一些jQuery/CSS3应用不仅绚丽,而且还比较实用,如果感兴 ...

7. jQuery+CSS3文字跑马灯特效

   jQuery+CSS3文字跑马灯特效是一款将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向. 效果展示 http://hovertree.com/te ...

8. jquery css3问卷答题卡翻页动画效果

   这个选项调查的特效以选项卡的形式,每答完一道题目自动切换到下一条,颇具特色.使用jQuery和CSS3,适合HTML5浏览器. 效果展示 http://hovertree.com/texiao/jqu ...

9. jQuery css3鼠标悬停图片显示遮罩层动画特效

   jQuery css3鼠标悬停图片显示遮罩层动画特效 效果体验:http://hovertree.com/texiao/jquery/39/ 效果图: 源码下载:http://hovertree.co ...

随机推荐

1. 深入分析PHP优化及注意事项

   深入分析PHP优化及注意事项 1.尽量静态化: 如果一个方法能被静态,那就声明它为静态的,速度可提高1/4,甚至我测试的时候,这个提高了近三倍. 当然了,这个测试方法需要在十万级以上次执行,效果才明显 ...

2. NFS挂载操作指南

   NFS 全称 network file system,其功能是实现将某台服务器的某个目录下资源共享给其他服务器.被共享的服务器作为nfs服务端,需要开启和配置nfs server服务.共享他人资源的服 ...

3. JavaScript中JSONObject和JSONArray相关知识备忘(网络转载)

   1.json的格式,有两种: {"key": "value"} //JSONObject(对象) [{"key1": "value ...

4. mysql客户端导入sql文件命令

   mysql -h localhost -u root -p dbname < filename

5. 百度BAE JAVA环境项目部署和调试

   起初在一个应用挂在虚拟主机上,昨天早上虚拟主机挂了.本来考虑迁移到SAE上的,但之前发现SAE的JVM云豆消耗的太快(PS:我是中级开发者,每月 10000云豆,如果有哪位大神对SAE JAVA云豆能 ...

6. React Native移动框架功能研究

   React Native移动框架功能研究 此篇只研究React Native框架的功能. 一.React Natvie是什么 React Native是使用React(或者说JS)来开发原生APP的框 ...

7. asp.net identity 2.2.0 中角色启用和基本使用（二）

   建立模型 第一步:在Models文件夹上点右键 >添加>类     类的名称自定,我用AdminViewModels命名的 因为是讲基本使用,我这里不做任何扩展. 第二步:添加如下命名空间 ...

8. Windows Server 2008更改远程桌面端口号

   windows 2008远程桌面端口默认是用的是3389端口,但是由于安全考虑,经常我们安装好系统后一般都会考虑把原来的3389端口更改为另外的端口. 更改过程: 打开注册表: 运行regedit 找 ...

9. android:onClick vs setOnClickListener

   为Android Widgets添加点击事件处理函数又两种方法,一个是在Xml文件中添加onClick属性,然后在代码中添加对应的函数.另一个是直接在代码中添加setOnClickListener函数 ...

10. .NET Framework中重点类型的继承关系

    继承关系 Object ├─Array │ └─T[] ├─ArrayList ├─List<T> └─String 集合类型的接口 下图展示了集合类型的各种接口的相互关系.注意,下图中所 ...