一级分类

创客主机
HTML5 SVG超链接上显示描述图片特效

HTML5 SVG超链接上显示描述图片特效

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

18种垂直分页导航按钮动画特效

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

纯CSS3百叶窗式切换轮播图特效

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

纯CSS3超酷文章卡片UI设计效果

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

纯CSS3制作逼真的汽车运动动画

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

超酷鼠标滑过图片过渡动画特效

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

CSS3鼠标滑过图片标题和遮罩层动画

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

炫酷CSS3鼠标滑过图片标题动画特效

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

炫酷CSS3鼠标滑过图片标题文字动画特效

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

纯CSS3人物信息卡片UI设计效果

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