一级分类

创客主机
基于webGL的云层动画js插件

基于webGL的云层动画js插件

这是一款基于webGL的云层动画js插件。该插件使用HTML5 canvas 和 WebGL API,生成可控制的多层云彩动画特效。 使用方法 在页面中引入下面的文件。 HTML结构 初始化插件 // vanilla javascr…
纯CSS3鼠标悬停图片3D动画特效

纯CSS3鼠标悬停图片3D动画特效

这是一款纯CSS3鼠标悬停图片3D动画特效。该特效在鼠标悬停到图片上面的时候,图片通过CSS实现3D倾斜动画,并显示出遮罩层,非常炫酷。 使用方法 在页面中引入下面的文件。 HTML结构 Williamson Web designe…
基于滚动的超酷js图片动画特效

基于滚动的超酷js图片动画特效

这是一款基于滚动的超酷js图片动画特效。该特效在使用鼠标滚动屏幕时,根据屏幕的当前位置,屏幕上的图片做出相应的动画效果,非常炫酷。 HTML结构 CSS样式 // The container for all images .cont…
CSS3鼠标悬停图片模糊过渡动画特效

CSS3鼠标悬停图片模糊过渡动画特效

这是一款CSS3鼠标悬停图片模糊过渡动画特效。该特效在鼠标悬停在图片上面的时候,图片会以模糊的方式消失,同时新的图片显示在原来的图片上面。 使用方法 在页面中引入下面的文件。 HTML结构 -20% Men's Shirt $20.…
CSS3高仿Facebook占位loading动画特效

CSS3高仿Facebook占位loading动画特效

这是一款css3高仿Facebook占位loading动画特效。该特效可以使loading动画占据指定的位置,在页面还没有加载完成的时候没显示loading动画。 使用方法 在页面中引入下面的文件。 HTML结构 Github网址:…
支持移动端的滚动视觉差特效jQuery插件

支持移动端的滚动视觉差特效jQuery插件

hongkong.js是一款支持移动端的滚动视觉差特效jquery插件。该jquery可以制作顶部banner在页面向下滚动时的视觉差效果,支持移动端使用。 使用方法 在页面中引入下面的文件。 HTML结构 HTML结构如下。 da…
Filerobot 图片编辑器Javascript插件

Filerobot 图片编辑器Javascript插件

Filerobot是一款js图片编辑器插件,Filerobot可以对图片进行修改尺寸,剪裁,旋转,以及使用内置的滤镜对图片进行过滤。 使用方法 在页面中引入下面的文件。 初始化插件 filerbot的使用方法非常简单,实例化一个Im…
CSS3鼠标悬停图片炫酷遮罩层动画特效

CSS3鼠标悬停图片炫酷遮罩层动画特效

这是一款CSS3鼠标悬停图片炫酷遮罩层动画特效,该特效在鼠标悬停到图片上面时,图片遮罩层从四个方向向中间合拢,之后再展示图片的描述信息和链接,效果非现炫酷。 使用方法 在页面中引入下面的文件。 HTML结构 Kristina Web…
threejs 3D 爆炸碎片轮播图特效

threejs 3D 爆炸碎片轮播图特效

这是一款基于threejs的3D爆炸碎片轮播图特效,该特效使用threejs来制作轮播图在切换时的爆炸特效,图片爆炸成碎片,然后组合为下一张新的图片,效果非常炫酷。 使用方法 在页面中引入下面的文件。 HTML结构 Codepen网…
Canvas 擦抹模糊玻璃特效

Canvas 擦抹模糊玻璃特效

这是一款HTML5 canvas擦抹模糊玻璃特效。该特效类似橡皮擦特效,当鼠标在屏幕上涂抹时,原本模糊的地方会变成清晰的图片。 使用方法 在页面中引入下面的文件。 HTML结构 JavaScript // defining vari…
6种放大模式图片放大镜jQuery插件

6种放大模式图片放大镜jQuery插件

这是一款支持6种放大模式的jQuery图片放大镜插件。该图片放大镜支持ie8,内置6种炫酷的图片放大效果,可以满足各种网站的图片放大效果需求。 使用方法 在页面中引入下面的文件。 HTML结构 可以通过data-large属性来设置…
嘿,欢迎咨询!