这是一款CSS3鼠标hover图片遮罩层样式。该鼠标hover动画在鼠标悬停到图片上面的时候，遮罩层以两个不规则图形出现，并显示描述文字和链接图标。 HTML结构 Williamson Web designer Miranda Ro…

这是一款纯CSS3鼠标hover图片条纹遮罩层动画特效。该特效在鼠标悬停图片上面时，背景遮罩层变形为棱形，中间显示图片，旁边是紫色条纹。同时展示图片的描述文字和链接图标等。 HTML结构 Williamson Web designe…

这是一款基于SVG的jquery动画特效。该特效中，使用CSS3动画为元素添加一些动画特效，并通过jquery代码来操作SVG，使其生成特定的动画效果。 HTML结构 Reload CSS样式 html, body { height…

这是js带视觉差的页面平滑滚动特效。该特效中，在页面向下滚动的时候，页面中的图片相对于视口带有一些视觉差特效。 使用方法 在页面中引入下面的文件。 HTML结构 Smooth scrolling and inner image an…

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

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

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

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

这是一款css3高仿Facebook占位loading动画特效。该特效可以使loading动画占据指定的位置，在页面还没有加载完成的时候没显示loading动画。 使用方法 在页面中引入下面的文件。 HTML结构 Github网址：…

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

Filerobot是一款js图片编辑器插件，Filerobot可以对图片进行修改尺寸，剪裁，旋转，以及使用内置的滤镜对图片进行过滤。 使用方法 在页面中引入下面的文件。 初始化插件 filerbot的使用方法非常简单，实例化一个Im…

这是一款纯js实现360度旋转预览图片特效。该js特效仅使用120行代码，即可实现通过滑块、或鼠标手动360度旋转图片，以及自动360度旋转图片的效果。 HTML结构 Range Drag / Swipel Canvas Loadi…