10款基于css3的3D图片翻页切换特效

1.右侧带缩略图导航的jQuery焦点图

今天我们要来分享一款右侧带缩略图导航的jQuery焦点图插件，这款jQuery焦点图插件的特点是右侧有一列缩略图导航列表，并且可以定义任意数量的图片，你可以拖动列表来查看所有的图片，点击缩略图后，即可实现图片的上下切换动画。

在线演示

源码下载

2.jQuery淡入淡出切换效果的焦点图插件

昨天我们为大家分享过一款多图切换jQuery图片滑块插件，宽频展示，非常大气。今天我们要再来分享一款基于jQuery的焦点图插件，这款jQuery焦点图插件的特点是切换效果可以选择，有左右滑动和淡入淡出两种动画效果，焦点图的使用液比较简单。

在线演示一

在线演示二

在线演示三

源码下载

3.多图切换jQuery图片滑块插件

之前有介绍过不少实用的jQuery焦点图插件和jQuery图片滑块插件，比如jQuery左侧Tab切换的图片滑块插件。这次要给大家分享的也是一款jQuery图片滑块插件，它的特点是可以同时切换多张图片，并且每屏都有缩略图，点击缩略图也可切换图片。

在线演示

源码下载

4.漂亮的CSS3圆角按钮组合

之前我们已经为大家分享过很多绚丽的CSS3按钮了，比如这款纯CSS3实现质感发光动画按钮和去年发布的HTML5/CSS3一组可爱的3D按钮。今天要分享的是一款CSS3圆角按钮，这组按钮有不同的颜色主题，利用CSS3特性实现了圆角效果，看上去还相当不错。

在线演示

源码下载

5.jQuery左侧Tab切换的图片滑块插件

这次我们要来分享一款很实用的jQuery图片滑块插件，这款jQuery图片滑块插件的特点是它的切换按钮是Tab样式的，当我们将鼠标滑过或者点击tab选项时，就可以切换到相应的图片上去。并且，图片上方还可以悬浮图片的标题或者文字描述信息。

在线演示

源码下载

6.SVG 动画实现弹性的页面元素效果

Codrops 分享了一些给SVG元素加上弹性动画的灵感。实现的思路是把一个SVG元素整合成一个组件，然后从一个路径弹性动画到另一个。这种效果可以应用到像菜单，按钮或其它元素，使得交互更有趣，看起更原生与自然的感觉。

在线演示

源码下载

7.基于jQuery美化联动下拉选择框

基于jQuery美化联动下拉选择框

在线演示

源码下载

8.基于jquery的下拉点击改变背景图片

今天给大家介绍一款基于jquery的下拉点击改变背景图片。单击右上角的图片，下拉显示可选择的背景图片，单击图片变为背景图。

在线演示

源码下载

9.基于css3的3D图片翻页切换特效

今天给大家分享一款基于css3的3D图片翻页切换特效。单击图片下方的滑块会切换上方的图片。动起你的鼠标试试吧。

在线演示

源码下载

10.Frameless – 用于预览 iOS8 原型的浏览器

Frameless 是一个用于在 iOS8 中预览产品原型的浏览器。可以可以帮助那些需要一个简单的方法来预览 iOS 设备上的原型设计和开发效果。没有状态栏，通过手势控制浏览器的历史以及键盘的显示。

在线演示

源码下载

未经允许不得转载：爱前端网 » 10款基于css3的3D图片翻页切换特效