这是一款基于canvas的动态马赛克文字特效。该特效使用canvas在屏幕上刻画你输入的任何文字内容，效果非常炫酷。 使用方法 在HTML文件中引入 HTML结构 CSS样式 #input { position: absolute;…

使用方法 在HTML文件中引入 HTML结构 Add to wishlist Quick view Women's Blouse Top $25.00 Add to Cart Sale Add to wishlist Quick v…

这是一款CSS3鼠标悬停图片遮罩层变形动画特效。该特效在鼠标悬停在图片上面的时候，遮罩层会变形为半圆形，同时出现提示标题等信息。 使用方法 在HTML文件中引入 HTML结构 Williamson Web designer Mira…

这是一款纯css3带倒影效果的图片翻转特效。该特效在鼠标悬停图片时，可以翻转图片，同时图片还带有炫酷的倒影效果。 HTML结构 CSS样式 初始化时隐藏窗口内容 body { display: flex; justify-conte…

使用方法 在HTML文件中引入 HTML结构 配置参数 effects: { // Sets the duration of individual effects, or disables them when set to fals…

这是一款css3鼠标悬停图片内部放大和阴影特效。该特效在鼠标悬停在图片上面的时候，图片已中心为原点进行放大，然后显示出遮罩层，并且图片周边会有阴影变化效果。 HTML结构 Williamson Web designer Mirand…

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

这是一款带视觉倾斜效果的鼠标悬停卡片动画特效。该特效通过js和css3代码，使鼠标悬停在一张图片卡片上面时，卡片会根据鼠标的方向进行3d倾斜。 HTML结构 01. Normal 02. Reverse 03. Normal CSS…

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

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

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

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