一级分类

创客主机
全屏视频图片轮播布局特效

全屏视频图片轮播布局特效

这是一款带视频播放的全屏轮播图布局特效。该布局以轮播图的方式展示消息,当用户点击轮播图之后,会全屏播放指定的视频文件。 使用方法 在页面中引入demo.css、jquery和TweenMax.min.js、CSSPlugin.min…
HTML5 SVG超链接上显示描述图片特效

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

这是一款HTML5 SVG超链接上显示描述图片特效。该特效的创意是在鼠标悬停到超链接上面的时候,在超链接上显示一副描述图片。该特效使用了SVG过滤器,同时使用了一些新的CSS特性,请确保使用最新的浏览器来查看这个DEMO。下面是该特…
超酷CSS3复选框/单选按钮点击动画库

超酷CSS3复选框/单选按钮点击动画库

checked.css是一款能够制作复选框和单选按钮点击动画的CSS3动画库。它内置23种动画特效,在用户点击单选按钮或复选框时会出现相应的动画效果。 使用方法 在页面中引入checked.css 文件。 HTML结构 checke…
基于Bootstrap的垂直手风琴动画特效

基于Bootstrap的垂直手风琴动画特效

这是一款基于Bootstrap的垂直手风琴特效。该垂直手风琴特效基于原生的Bootstrap Accordion组件来制作,通过CSS3来对它进行美化,效果美观大方。 HTML结构 该垂直手风琴特效的基本HTML结构如下: SECT…
18种垂直分页导航按钮动画特效

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

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

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

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

纯CSS3制作可编辑的微软Word样式文档

这是一款使用HTML和CSS3制作的可编辑的微软Word样式文档。该特效提供一组预定义的样式,用于在WEB页面中生成各种尺寸的Word样式的文档效果。 使用方法 在页面中引入你需要的尺寸的样式文件,如使用A4纸则引入sheets-o…
多种纯CSS3搜索框UI设计效果

多种纯CSS3搜索框UI设计效果

这是一款使用CSS3制作的搜索框UI设计效果。这些搜索框在设计上代码简洁,设计风格以扁平风格为主,效果时尚大方。 HTML结构 所有的搜索框的HTML结构都是在一个form表单中放置一个input和一个提交按钮。 CSS样式 各种搜…
纯CSS3背景透明Speech Bubbles对话气泡

纯CSS3背景透明Speech Bubbles对话气泡

这是一款使用纯CSS3制作的背景透明的Speech Bubbles对话气泡特效。该对话气泡使用两张透明的png图片来作为背景,通过简单的CSS代码来将它们组合为一个对话气泡效果。 HTML结构 该对话气泡的HTML结构如下: lor…
CSS3超炫汉堡包变形动画jQuery特效

CSS3超炫汉堡包变形动画jQuery特效

这是一款使用jQuery和CSS3来制作的炫酷汉堡包变形动画特效。该特效通过通过jQuery来附加按钮事件,并通过CSS3 transform和animation来制作动画特效。 HTML结构 该汉堡包变形动画特效的HTML结构如下…
嘿,欢迎咨询!