一级分类

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

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

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

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

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

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

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

纯CSS3列表面板导航设计效果

这是一款使用CSS3制作的垂直列表面板设计效果。该列表面板可用于制作文章列表,排行列表等。在用户使用鼠标滑过列表项时,列表项会有炫酷的丝带浮动动画特效。 HTML结构 该列表面板的HTML结构如下:使用一个元素来包裹一组有序列表元素…
基于Bootstrap精美商品价格表设计

基于Bootstrap精美商品价格表设计

这是一款基于Bootstrap网格系统制作的精美价格表效果。该价格表效果时尚大方,在鼠标滑过价格表时,当前价格表会有变色和放大的动画特效。 HTML结构 该价格表的HTML结构如下: $10.00 per month Standar…
海洋风格网页布局面板切换特效

海洋风格网页布局面板切换特效

这是Codrops最新的一款作品:超酷海洋主题内容切换面板布局特效。该布局特效以海洋和潜水为主题,带音乐背景效果,通过SVG和CSS3特性来完成内容布局,效果非常炫酷。该布局使用了最新的CSS3属性,IE浏览器不支持该特效。下面是该…
纯CSS3页面顶部滚动视觉差特效

纯CSS3页面顶部滚动视觉差特效

这是一款使用纯CSS3制作的炫酷响应式页面顶部滚动视觉差特效。该特效在页面向下滚动时,页面顶部的图片和正文的内容形成视觉差效果,非常炫酷。 HTML结构 该视觉差效果使用一个<header>元素作为页面的头部。 Para…
pills - 简单响应式12列CSS网格系统

pills - 简单响应式12列CSS网格系统

pills.css是一款简单实用的响应式12列CSS网格系统。该网格系统的特点是使用人们易于记忆的英文单词来作为设置网格列的class名称。 使用方法 使用该CSS网格额系统需要在页面中引入pills.css文件。 HTML结构 在…
水平滚动展示图片jQuery特效

水平滚动展示图片jQuery特效

这是一款效果非常炫酷的jQuery水平滚动展示图片特效。该特效在滚动鼠标滚轮的时候,屏幕会水平滚动,展示图片内容。 使用方法 在页面中引入下面的文件。 HTML结构 基本HTML结构如下。 Community Capsule I l…
移动优先的12列响应式CSS网格系统

移动优先的12列响应式CSS网格系统

simple-grid.css是一款移动优先的12列响应式CSS网格系统。它是轻量级的,压缩后的文件只有2kb,响应式速度快,并且使用非常简单。 使用方法 使该网格系统需要在页面中引入simple-grid.css文件。 HTML结…
嘿,欢迎咨询!