也想出现在这里？联系我们吧
CSS3图片鼠标悬停动画特效
PetitQ
这是一款CSS3图片鼠标悬停动画特效。该特效在鼠标悬停到图片上面的时候，利用CSS3制作上下关门的动画效果，非常炫酷。 HTML结构 基本的HTML结构如下 Williamson web developer Kristina web…
超炫CSS3六边形菜单动画特效
这是一款使用CSS3和少量js代码制作的炫酷六边形菜单动画特效。该六边形菜单在鼠标滑过时带有高光动画效果，当点击菜单后，各个菜单项沿六边形的各条边向外弹出，组成一个大的六边形。 HTML结构 该六边形菜单使用一个<svg>…
鼠标滑过图片遮罩层动画CSS3特效
这是一款使用CSS3制作的炫酷鼠标滑过图片遮罩层动画特效。该特效中有2种不同的效果，均是咋is本滑过图片时，使用遮罩层的旋转和缩放来展示图片的描述信息。 HTML结构 该特效使用bootstrap来进行布局，核心代码为使用一个div…
jQuery和CSS3 3D旋转项目展示模板
这是一款效果非常炫酷的jQuery和CSS3 3D旋转项目展示模板。该模板通过CSS3 3D transform来制作3D立方体的旋转效果，使各个项目在切换时呈现立方体旋转效果。 HTML结构 HTML结构包括2个部分：nav.cd…
炫酷鼠标滑过效果的多列布局效果
这是一款使用CSS3和少量js代码制作的带炫酷鼠标滑过效果的多列布局效果。该效果中将每篇文章制作为垂直多列布局，鼠标滑过每张缩略图时有炫酷的特效，点击缩略图时可将它全屏展开。 HTML结构 该多列布局效果的HTML结构如下： Sec…
纯CSS3滚动淡入淡出视觉差特效
这是一款使用纯CSS3制作的带淡入淡出效果的滚动视觉差特效。该视觉差特效在页面加载时，图片有淡入淡出的效果。当页面滚动时，背景图片会有非常炫酷的视觉差效果。 HTML结构 该视觉差效果的HTML结构如下： 主标题 段落标题-1 ..…
HTML5 SVG超链接上显示描述图片特效
这是一款HTML5 SVG超链接上显示描述图片特效。该特效的创意是在鼠标悬停到超链接上面的时候，在超链接上显示一副描述图片。该特效使用了SVG过滤器，同时使用了一些新的CSS特性，请确保使用最新的浏览器来查看这个DEMO。下面是该特…
18种垂直分页导航按钮动画特效
这是一组效果非常炫酷的垂直分页导航按钮动画特效。这组特效通用18种效果，可以用于制作幻灯片、页面切换和其它容器组件切换的分页导航按钮。 HTML结构 生成上面的垂直分页导航效果的HTML结构如下： CSS样式 .nav { posi…
纯CSS3超酷文章卡片UI设计效果
这是一款使用纯CSS3制作的超酷文章卡片UI设计效果。该文章卡片带有阴影效果，当鼠标滑过卡片时，文章的描述信息会以滑动动画的方式显示在卡片中。 HTML结构 一张卡片的HTML结构如下： 文章标题 文章子标题 文章的描述信息 CSS…
纯CSS3制作逼真的汽车运动动画
这是一款使用纯CSS3制作的逼真汽车运动动画特效。该特效中，所有元素都是通过CSS渲染得到的，没有使用任何图片。它通过公路斑马线的左右晃动来制作出汽车运动的视觉效果。 HTML结构 整个汽车运动动画的HTML结构如下： CSS样式 …
超酷鼠标滑过图片过渡动画特效
CaptionHover.css是一组超酷CSS3鼠标滑过图片过渡动画特效。该特效中共有4种效果，分别是在鼠标滑过图片时图片产生过渡动画，展现图片标题的特效。 使用方法 在页面中引入CaptionHover.css文件。 HTML结…
CSS3鼠标滑过图片标题和遮罩层动画
这是一款使用CSS3制作的简单的鼠标滑过图片标题和遮罩层动画特效。该鼠标滑过特效通过 CSS3 transitions 和 transform 属性，在鼠标滑过图片时制作遮罩层和图片标题动画效果。 HTML结构 该鼠标滑过图片特效的…
