一级分类

Izmir - 鼠标悬停图片CSS3动画特效库

Izmir - 鼠标悬停图片CSS3动画特效库

Izmir是一款css3鼠标悬停图片动画特效库插件。Izmir提供了20种边框动画、9种图片动画、12种文字动画,一级遮罩层动画,动画延迟等等。你可以通过它们组合出1000+种不同的动画特效。 使用方法 在页面中引入下面的文件。 H…
CSS3鼠标hover图片遮罩层折页打开动画特效

CSS3鼠标hover图片遮罩层折页打开动画特效

这是一款css3鼠标hover图片遮罩层折页打开动画特效。该特效在鼠标悬停到图片上面的时候,图片上的遮罩层会像纸张翻开一样打开,然后显示图片描述文字。 使用方法 在HTML文件中引入 HTML结构 Williamson Web de…
扑克堆叠式卡片轮播图jQuery插件

扑克堆叠式卡片轮播图jQuery插件

这是一款js扑克堆叠式卡片轮播图插件。高轮播图的所有图片像扑克牌一样堆叠在一起,通过鼠标拖拽最上面的一张图片,就可以显示出下一张图片来。 使用方法 在HTML文件中引入 HTML结构 初始化插件 然后通过下面的代码来初始化插件。 c…
支持 Animate 动画的jQuery弹出层插件

支持 Animate 动画的jQuery弹出层插件

jquery.popup.js是一款支持animate.css动画效果的弹出层模态窗口插件。你可以在初始化插件时,配置模态窗口打开和关闭时的CSS3懂,使用非常炫酷和方便。 使用方法 在页面中引入下面的文件 HTML结构 Modal…
CSS3鼠标hover图片超酷遮罩层动画特效

CSS3鼠标hover图片超酷遮罩层动画特效

这是一款CSS3鼠标hover图片超酷遮罩层动画特效。该特效中,当鼠标悬停在图片上面的时候,左右两个遮罩层会向中间收缩,最后合成一个完整的遮罩层。 HTML结构 Williamson Web designer Miranda Roy…
Frosted Panel 炫酷毛玻璃面板CSS3特效

Frosted Panel 炫酷毛玻璃面板CSS3特效

Frosted Panel 是一款使用js编写的炫酷毛玻璃特效插件。您通过简单的配置,既可以生成非常炫酷的半透明模糊的毛玻璃效果。 使用方法 在HTML文件中引入。 HTML结构 创建HTML结构并使用下面的属性来配置毛玻璃效果。 …
带方向感知的鼠标悬停图片动画CSS3特效

带方向感知的鼠标悬停图片动画CSS3特效

这是一款CSS3带方向感知的鼠标悬停图片动画特效。该特效在鼠标悬停到一组图片上面时,图片会根据鼠标所在位置发生旋转,并且旋转的角度始终根据鼠标所在位置而变化。 HTML结构 CSS样式 * { box-sizing: border-…
Threejs 可着色和旋转的3D模型动画特效

Threejs 可着色和旋转的3D模型动画特效

这是一款基于Threejs可着色和旋转的3D模型动画特效。该特效中,通过鼠标的拖动和滚动,可以旋转和缩放3D模型。最大的特点是你可以对模型的各个部分进行自定义着色。 Codepen地址:https://codepen.io/kyle…
WebGL的图像扭曲变形动画特效

WebGL的图像扭曲变形动画特效

这是一款基于HTML5 WebGL的图像扭曲变形动画特效。该特效中,通过Three.js来制作从一幅缩略图,扭曲变形为全屏大图的动画特效,共有6种炫酷的动画效果。该特效提供了一个控制面板来控制图像扭曲的动画,你可以自行调节效果。 H…
CSS3鼠标悬停hover图片遮罩层样式

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

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