首页 | 常用工具 | 一周排行榜 | 一个月排行榜 | 半年排行榜 | 一年排行榜
当前位置： 首页» JS特效» 图片效果实例»
全部 瀑布流插件 菜单导航 幻灯片和轮播图 图片效果 表单特效 表格 评分星级 选项卡 手风琴 日期选择插件 图表报表 按钮图标 其他

9种CSS3炫酷图片预览展示动画特效

这是一组共9款CSS3炫酷图片预览展示动画特效插件。该效果开始时图片堆叠在一起，当鼠标滑过图片时，图片会以9种不同的方式展开，有扇形、平面展开等等非常酷的效果。
  图片展示 纯css 退票堆叠
 48  0

css3和js适合移动mobile的弹性堆叠图片切换特效

这是一款效果非常酷的js和css3适合移动mobile的弹性堆叠图片切换特效。该弹性堆叠图片切换特效的特点是支持移动触摸屏设备，可以通过手指滑动来切换图片。
  图片切换 图片堆叠
 66  0

CSS3炫酷的鼠标滑过图片缩放和标题效果

这是一款使用纯CSS3制作的效果非常炫酷的鼠标滑过图片缩放和标题效果。该CSS3图片效果中图片的边框被制作为不停动画的护栏效果，当用鼠标滑过图片时，图片会有非常炫酷的动画效果。
  图片效果 纯css3 鼠标滑过 hover
 110  0

CSS3炫酷堆叠图片展示动画特效

这是一款使用纯CSS3制作的炫酷堆叠图片展示动画特效插件。该堆叠图片展示特效开始时所用图片都堆叠在一起，然后会以各种动画效果将最上面一张图片切换掉，有旋转、滑落效果、放大效果、淡入淡出效果、弹射效果等。
  图片展示 图片切换 图片堆叠
 41  0

纯css3图片分类过滤效果

这是一款使用纯css3制作的图片分类过滤效果插件。该插件可以过滤出所有图片中的某一类图片。该图片分类过滤共有三种效果：图片模糊效果，图片缩小模糊效果和放大缩小效果。
  纯css3 图片分类 图片过滤
 41  0

css3鼠标滑过图片快速切换展示效果

这是一款纯css3制作的鼠标滑过图片快速切换展示效果。该图片快速切换展示效果类似于电影中的快镜头播放效果，在鼠标滑过或鼠标悬停在图片上的时候，容器中的图片快速播放，鼠标离开后图片暂停播放。
  纯css3 图片展示 鼠标滑过
 52  0

纯css3图片点击弹出动画遮罩层效果

这是一款使用纯css3制作的图片点击弹出动画遮罩层效果。该动画遮罩层demo中为模板展示，当点击模板图片后，图片缩小并在图上方弹出半透明遮罩层，显示模板各个模块的功能。
  纯css3 遮罩效果
 52  0

炫酷css3图片滑动切换效果

这是一款纯css3制作的炫酷图片滑动切换效果。该图片滑动切换效果通过导航按钮来切换图片，图片切换时就像图片被切为几片，然后每一块切片或从左到右或从上到下滑动显示出来。
  图片切换 滑动效果
 47  0

模拟iphone面板折叠的css3折叠效果

如果你曾今使用过iphone手机，那你一定为它的面板折叠效果所震惊。这款插件就是模拟了iphone手机面板折叠的css3折叠效果。图片能像纸一样从两边往中间折叠，然后显示所有图片的缩略图。
  图片动画 折叠
 82  0

html5+css3+js超逼真翻书效果

这是一款大师级的html5翻书效果（翻页效果），这种翻书效果使用了css33dtransform属性和少量的js来实现鼠标hover书本时，书本打开动画。注意：必须是支持css33dtransform属性的浏览器才有效果。IE10看不到效果。
  翻书效果 翻页效果
 52  0

BookBlock可预览的css3+js翻书效果

这是一款使用bookblock.js和css3制作的预览书籍翻书翻页效果。这个翻书效果可以查看书的简介，也可以进入书本预览书籍的内容，预览时有很酷的翻页效果。
  翻书效果 翻页效果
 47  0

超神奇的css3和jquery翻书效果

这是css33dtransform属性和jquery联手打造的一款神奇的翻书效果（翻页效果），有两种翻书效果。两种翻页效果分别是书本可以翻转到反面，查看内页，另一种效果是从书架上把书拿下了打开的效果。
  翻书效果 翻页效果
 59  0

5种css3+jquery翻页效果（翻书效果）

这是用jquery.bookblock.js和css3制作的实现翻页(翻书)效果的插件。用户通过导航按钮可以前后翻页，翻页过渡效果十分平滑逼真。该翻书效果支持左右和上下翻页。
  翻书效果 翻页效果
 53  0

css3 transform属性制作完美带阴影效果的3d旋转电影海报代码

这是一款使用css3transform属性制作的3d电影海报效果。这段3d旋转电影海报代码的阴影效果十分完美，当鼠标移到海报上时，海报旋转到侧面的电影介绍，效果十分震撼。
  阴影效果 3d旋转 transform css3 transform
 61  0

15种基于css3新颖的鼠标hover图片动画效果

这个插件汇集了15种使用css3制作的鼠标hover图片动画效果。主要的css技术包括3Dtranslate、transform、transition和伪元素。当鼠标悬停到图片上，图片的标题以各种新颖的动画方式出现。
  hover动画 hover效果
 49  0

css3 transform属性利用伪元素制作字母卡片开关门3d效果

这是在伪元素上使用css3transform属性制作的字母卡片开关门3d效果，鼠标移动到字母上时，字母便会有开门的3d效果，十分有趣。
  transform css3 transform 3d效果
 61  0

css3 clip属性和jquery打造响应式背景图片放大动画效果

这个效果使用css3clip属性、CSStransitions和jQuery完成。当点击一张图片后，图片放大到全屏的动画效果，共有两种效果。
  图片动画 响应式 背景图片 css3 clip
 57  0

html5 figcaption和css3制作8种惊艳的图片标题hover效果

一款利用html5的figcaption标签和css3?3dtransform，css3transition等技术制作的图片标题hover效果，共有8种不同的惊艳效果。
  hover动画 hover效果 图片标题 图片caption
 113  0

css3伪元素和data属性创建漂亮的图片caption标题动画效果

利用css3的伪元素和data属性可以创造出许多神奇的动画和效果，正如这个效果一样，鼠标hover图片时，神奇的标题出现了。
  css3动画 图片标题 图片caption
 97  0

css3 transform属性创意Loading加载动画效果

这是一款利用css3transform属性制作的极富创意的Loading加载动画效果。利用机械臂的传动制造出一种Loading效果。
  transition css3 transition css3 loading效果
 69  0