也想出现在这里？联系我们吧
基于CSS Grid炫酷js轮播图特效
PetitQ
这是一款基于CSS grid的炫酷js轮播图特效。该轮播图使用CSS grid进行布局，并通过TweenMax，在鼠标移动时，制作两个图层间的视觉差效果。下面是该特效的一些屏幕截图效果： Github网址：https://githu…
纯CSS3列表面板导航设计效果
这是一款使用CSS3制作的垂直列表面板设计效果。该列表面板可用于制作文章列表，排行列表等。在用户使用鼠标滑过列表项时，列表项会有炫酷的丝带浮动动画特效。 HTML结构 该列表面板的HTML结构如下：使用一个<div>元素…
文章页面网格布局页面UI设计
这是一款非常时尚的响应式文章页面网格布局页面UI设计效果。该设计在页面中所有的文章以网格的形式排列布局，当用户点击了某一篇文章之后，该文章网格会全屏放大，并在其上显示出文章的详细内容。在文章页还可以通过导航按钮来查看下一篇文章的内容…
基于Bootstrap的可拖拽式网格系统插件
jquery.gridstrap.js是一款基于Bootstrap的可拖拽式网格系统插件。该插件可以快速生成基于bootstrap响应式网格的、可以自由拖拽的网格布局。 使用方法 在HTML文件中引入。 HTML结构 ... 初始化…
CSS3卡片列表轮播布局jQuery特效
这是一款jquery和css3卡片列表轮播布局，该布局使用owl-carousel进行布局，通过css制作卡片样式，组成炫酷的卡片轮播特效。 使用方法 在页面中引入下面的文件。
基于Bootstrap精美商品价格表设计
这是一款基于Bootstrap网格系统制作的精美价格表效果。该价格表效果时尚大方，在鼠标滑过价格表时，当前价格表会有变色和放大的动画特效。 HTML结构 该价格表的HTML结构如下： $10.00 per month Standar…
jQuery和CSS3 3D旋转项目展示模板
这是一款效果非常炫酷的jQuery和CSS3 3D旋转项目展示模板。该模板通过CSS3 3D transform来制作3D立方体的旋转效果，使各个项目在切换时呈现立方体旋转效果。 HTML结构 HTML结构包括2个部分：nav.cd…
基于webGL的粘性图像动画特效
这是一款基于webGL的粘性图像动画特效，该特效使用three.js来制作，生成炫酷的粘性图像效果。该特效模仿ultranoir.com，下面是该特效的一些屏幕截图效果： Github网址：https://github.com/An…
可自由拖动分割Div容器jQuery插件
split.js是一款可上下左右拖动的jQuery分割div容器插件。该插件可以实现父容器div的上下左右动态分割，并可以上下改变父div的高度，而且宽和高都是按百分比计算。 使用方法 在页面中引入jquery和split.js文件…
网格和列表布局切换jQuery特效
这是一款jQuery和CSS3网格和列表布局切换动画特效。该特效实现从网格布局到列表布局的切换动画效果，效果非常炫酷。 使用方法 在页面中引入下面的文件。 HTML结构 页面布局的HTML结构如下。 + Data Sources C…
基于TweenMax的炫酷页面切换动画特效
这是一款基于TweenMax的炫酷页面切换动画特效。该特效共有5个demo，每个demo都是一个从上级页面切换到下级页面的炫酷动画效果。 Github网址：https://github.com/codrops/RotatedReve…
3D Motion 炫酷鼠标点击3D爆炸特效
这是一款基于three.js的3D爆炸特效。该特效实现3d物体爆炸成碎片的效果，可以通过鼠标点击或鼠标移动来触发效果。下面是该特效的一些屏幕截图效果：
