这是一款HTML5 SVG超链接上显示描述图片特效。该特效的创意是在鼠标悬停到超链接上面的时候，在超链接上显示一副描述图片。该特效使用了SVG过滤器，同时使用了一些新的CSS特性，请确保使用最新的浏览器来查看这个DEMO。下面是该特…

这是一组效果非常炫酷的垂直分页导航按钮动画特效。这组特效通用18种效果，可以用于制作幻灯片、页面切换和其它容器组件切换的分页导航按钮。 HTML结构 生成上面的垂直分页导航效果的HTML结构如下： CSS样式 .nav { posi…

这是一款使用纯CSS3制作的百叶窗式切换轮播图特效。该特效使用背景图片来制作，在轮播图切换时，通过一组div元素来制作百叶窗效果，非常的炫酷。 HTML结构 该轮播图特效中使用了6张背景图片，HTML结构如下： duzy fiat …

这是一款使用纯CSS3制作的超酷文章卡片UI设计效果。该文章卡片带有阴影效果，当鼠标滑过卡片时，文章的描述信息会以滑动动画的方式显示在卡片中。 HTML结构 一张卡片的HTML结构如下： 文章标题 文章子标题 文章的描述信息 CSS…

这是一款使用纯CSS3制作的逼真汽车运动动画特效。该特效中，所有元素都是通过CSS渲染得到的，没有使用任何图片。它通过公路斑马线的左右晃动来制作出汽车运动的视觉效果。 HTML结构 整个汽车运动动画的HTML结构如下： CSS样式 …

CaptionHover.css是一组超酷CSS3鼠标滑过图片过渡动画特效。该特效中共有4种效果，分别是在鼠标滑过图片时图片产生过渡动画，展现图片标题的特效。 使用方法 在页面中引入CaptionHover.css文件。 HTML结…

这是一款使用CSS3制作的简单的鼠标滑过图片标题和遮罩层动画特效。该鼠标滑过特效通过 CSS3 transitions 和 transform 属性，在鼠标滑过图片时制作遮罩层和图片标题动画效果。 HTML结构 该鼠标滑过图片特效的…

这是一组使用CSS3制作的超酷鼠标滑过图片标题动画特效。这组特效中共有8种不同的鼠标滑过效果，它们都是通过CSS3 transform来制作遮罩层的各种动画特效。 使用方法 在页面中引入imghover.css文件。 HTML结构 …

这是一款使用CSS3制作的鼠标滑过图片标题文字动画特效。该特效在鼠标滑过图片的时候，会展现遮罩层，并在遮罩层上以旋转的方式使图片描述文字逐一展现。 HTML结构 DEMO中使用bootstrap的网格系统来进行布局。整个图片放置在一…

这是一组纯CSS3人物信息卡片UI设计效果。这组人物信息卡片共9种效果，每种效果在鼠标滑过卡片时，通过CSS3使图片和HTML元素变形生成 非常漂亮的鼠标滑过动画特效。 HTML结构 该人物信息卡片的基本HTML结构如下： 标题 子…