也想出现在这里？联系我们吧
全屏展开纸张样式导航菜单jQuery特效
PetitQ
这是一款jQuery和CSS3全屏展开纸张样式导航菜单特效。该特效在用户点击汉堡包导航菜单按钮之后，页面已展开纸张的样式，堆叠出多个可选的子页面，点击相应的页面可以进行页面的跳转。 使用方法 在页面中引入base.css和demo.…
炫酷鼠标滑过效果的多列布局效果
这是一款使用CSS3和少量js代码制作的带炫酷鼠标滑过效果的多列布局效果。该效果中将每篇文章制作为垂直多列布局，鼠标滑过每张缩略图时有炫酷的特效，点击缩略图时可将它全屏展开。 HTML结构 该多列布局效果的HTML结构如下： Sec…
纯CSS3滚动淡入淡出视觉差特效
这是一款使用纯CSS3制作的带淡入淡出效果的滚动视觉差特效。该视觉差特效在页面加载时，图片有淡入淡出的效果。当页面滚动时，背景图片会有非常炫酷的视觉差效果。 HTML结构 该视觉差效果的HTML结构如下： 主标题 段落标题-1 ..…
全屏视频图片轮播布局特效
这是一款带视频播放的全屏轮播图布局特效。该布局以轮播图的方式展示消息，当用户点击轮播图之后，会全屏播放指定的视频文件。 使用方法 在页面中引入demo.css、jquery和TweenMax.min.js、CSSPlugin.min…
HTML5 SVG超链接上显示描述图片特效
这是一款HTML5 SVG超链接上显示描述图片特效。该特效的创意是在鼠标悬停到超链接上面的时候，在超链接上显示一副描述图片。该特效使用了SVG过滤器，同时使用了一些新的CSS特性，请确保使用最新的浏览器来查看这个DEMO。下面是该特…
纯CSS3创意手机APP登录界面动画特效
这是一款使用纯CSS3制作的效果非常有创意的手机APP登录界面动画特效。该特效在用户点击登录按钮之后，按钮变形为一个小球图标，并且小球会上下弹跳，之后小球会落入界面底部成为一个图标按钮。 HTML结构 该手机APP登录特效的HTML…
超酷CSS3复选框/单选按钮点击动画库
checked.css是一款能够制作复选框和单选按钮点击动画的CSS3动画库。它内置23种动画特效，在用户点击单选按钮或复选框时会出现相应的动画效果。 使用方法 在页面中引入checked.css 文件。 HTML结构 checke…
基于Bootstrap的垂直手风琴动画特效
这是一款基于Bootstrap的垂直手风琴特效。该垂直手风琴特效基于原生的Bootstrap Accordion组件来制作，通过CSS3来对它进行美化，效果美观大方。 HTML结构 该垂直手风琴特效的基本HTML结构如下： SECT…
18种垂直分页导航按钮动画特效
这是一组效果非常炫酷的垂直分页导航按钮动画特效。这组特效通用18种效果，可以用于制作幻灯片、页面切换和其它容器组件切换的分页导航按钮。 HTML结构 生成上面的垂直分页导航效果的HTML结构如下： CSS样式 .nav { posi…
纯CSS3制作可编辑的微软Word样式文档
这是一款使用HTML和CSS3制作的可编辑的微软Word样式文档。该特效提供一组预定义的样式，用于在WEB页面中生成各种尺寸的Word样式的文档效果。 使用方法 在页面中引入你需要的尺寸的样式文件，如使用A4纸则引入sheets-o…
多种纯CSS3搜索框UI设计效果
这是一款使用CSS3制作的搜索框UI设计效果。这些搜索框在设计上代码简洁，设计风格以扁平风格为主，效果时尚大方。 HTML结构 所有的搜索框的HTML结构都是在一个form表单中放置一个input和一个提交按钮。 CSS样式 各种搜…
纯CSS3背景透明Speech Bubbles对话气泡
这是一款使用纯CSS3制作的背景透明的Speech Bubbles对话气泡特效。该对话气泡使用两张透明的png图片来作为背景，通过简单的CSS代码来将它们组合为一个对话气泡效果。 HTML结构 该对话气泡的HTML结构如下: lor…
