一级分类

创客主机
CSS3鼠标悬停hover图片遮罩层样式

CSS3鼠标悬停hover图片遮罩层样式

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

纯CSS3鼠标hover图片条纹遮罩层动画特效

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

基于SVG动画jQuery特效

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

带视觉差的页面平滑滚动特效

这是js带视觉差的页面平滑滚动特效。该特效中,在页面向下滚动的时候,页面中的图片相对于视口带有一些视觉差特效。 使用方法 在页面中引入下面的文件。 HTML结构 Smooth scrolling and inner image an…
基于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…
嘿,欢迎咨询!