也想出现在这里？联系我们吧
基于TweenMax的超酷全屏轮播图特效
PetitQ
这是一款基于TweenMax的超酷全屏轮播图特效。该轮播图特效以倾斜式无限轮播的方式进行展示，非常炫酷。该特效中使用了一些最新的CSS特效，需要在支持它们的浏览器中才能看到效果。下面是该特效的一些屏幕截图效果。 Github网址：h…
3D Motion 炫酷鼠标点击3D爆炸特效
这是一款基于three.js的3D爆炸特效。该特效实现3d物体爆炸成碎片的效果，可以通过鼠标点击或鼠标移动来触发效果。下面是该特效的一些屏幕截图效果：
网格和列表布局切换jQuery特效
这是一款jQuery和CSS3网格和列表布局切换动画特效。该特效实现从网格布局到列表布局的切换动画效果，效果非常炫酷。 使用方法 在页面中引入下面的文件。 HTML结构 页面布局的HTML结构如下。 + Data Sources C…
可自由拖动分割Div容器jQuery插件
split.js是一款可上下左右拖动的jQuery分割div容器插件。该插件可以实现父容器div的上下左右动态分割，并可以上下改变父div的高度，而且宽和高都是按百分比计算。 使用方法 在页面中引入jquery和split.js文件…
带旋转背景特效两栏页面布局
这是一款带旋转背景特效的两栏页面布局。该页面布局将页面按颜色分为左右两栏，中间配上轮播图片。当点击前后导航按钮的时候，页面以颜色为视觉感进行旋转，同时切换轮播图，效果非常炫酷。 使用方法 在页面中引入以下文件。 HTML结构 基本的…
jQuery和CSS3 3D旋转项目展示模板
这是一款效果非常炫酷的jQuery和CSS3 3D旋转项目展示模板。该模板通过CSS3 3D transform来制作3D立方体的旋转效果，使各个项目在切换时呈现立方体旋转效果。 HTML结构 HTML结构包括2个部分：nav.cd…
全屏展开纸张样式导航菜单jQuery特效
这是一款jQuery和CSS3全屏展开纸张样式导航菜单特效。该特效在用户点击汉堡包导航菜单按钮之后，页面已展开纸张的样式，堆叠出多个可选的子页面，点击相应的页面可以进行页面的跳转。 使用方法 在页面中引入base.css和demo.…
全屏视频图片轮播布局特效
这是一款带视频播放的全屏轮播图布局特效。该布局以轮播图的方式展示消息，当用户点击轮播图之后，会全屏播放指定的视频文件。 使用方法 在页面中引入demo.css、jquery和TweenMax.min.js、CSSPlugin.min…
HTML5 SVG超链接上显示描述图片特效
这是一款HTML5 SVG超链接上显示描述图片特效。该特效的创意是在鼠标悬停到超链接上面的时候，在超链接上显示一副描述图片。该特效使用了SVG过滤器，同时使用了一些新的CSS特性，请确保使用最新的浏览器来查看这个DEMO。下面是该特…
18种垂直分页导航按钮动画特效
这是一组效果非常炫酷的垂直分页导航按钮动画特效。这组特效通用18种效果，可以用于制作幻灯片、页面切换和其它容器组件切换的分页导航按钮。 HTML结构 生成上面的垂直分页导航效果的HTML结构如下： CSS样式 .nav { posi…
基于Bootstrap精美商品价格表设计
这是一款基于Bootstrap网格系统制作的精美价格表效果。该价格表效果时尚大方，在鼠标滑过价格表时，当前价格表会有变色和放大的动画特效。 HTML结构 该价格表的HTML结构如下： $10.00 per month Standar…
海洋风格网页布局面板切换特效
这是Codrops最新的一款作品：超酷海洋主题内容切换面板布局特效。该布局特效以海洋和潜水为主题，带音乐背景效果，通过SVG和CSS3特性来完成内容布局，效果非常炫酷。该布局使用了最新的CSS3属性，IE浏览器不支持该特效。下面是该…
