一级分类

基于canvas的动态马赛克文字特效

基于canvas的动态马赛克文字特效

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

CSS3鼠标悬停图片遮罩层变形动画特效

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

纯CSS3带倒影效果的图片翻转特效

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

鼠标悬停图片内部放大和阴影CSS3特效

这是一款css3鼠标悬停图片内部放大和阴影特效。该特效在鼠标悬停在图片上面的时候,图片已中心为原点进行放大,然后显示出遮罩层,并且图片周边会有阴影变化效果。 HTML结构 Williamson Web designer Mirand…
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…
嘿,欢迎咨询!