CSS3鼠标悬停hover图片遮罩层样式 PetitQ 图片/图形 2019-8-12 1.72K 0 1 这是一款CSS3鼠标hover图片遮罩层样式。该鼠标hover动画在鼠标悬停到图片上面的时候,遮罩层以两个不规则图形出现,并显示描述文字和链接图标。 HTML结构 Williamson Web designer Miranda Ro…
CSS3鼠标悬停hover图片遮罩层样式 PetitQ 图片/图形 2019-8-12 1.72K 0 1 这是一款CSS3鼠标hover图片遮罩层样式。该鼠标hover动画在鼠标悬停到图片上面的时候,遮罩层以两个不规则图形出现,并显示描述文字和链接图标。 HTML结构 Williamson Web designer Miranda Ro…
CSS3鼠标hover图片遮罩层折页打开动画特效 PetitQ 图片/图形 2019-11-06 1.27K 0 0 这是一款css3鼠标hover图片遮罩层折页打开动画特效。该特效在鼠标悬停到图片上面的时候,图片上的遮罩层会像纸张翻开一样打开,然后显示图片描述文字。 使用方法 在HTML文件中引入 HTML结构 Williamson Web de…
CSS3鼠标hover图片遮罩层折页打开动画特效 PetitQ 图片/图形 2019-11-06 1.27K 0 0 这是一款css3鼠标hover图片遮罩层折页打开动画特效。该特效在鼠标悬停到图片上面的时候,图片上的遮罩层会像纸张翻开一样打开,然后显示图片描述文字。 使用方法 在HTML文件中引入 HTML结构 Williamson Web de…
CSS3鼠标hover图片超酷遮罩层动画特效 PetitQ 图片/图形 2019-10-18 1.32K 0 1 这是一款CSS3鼠标hover图片超酷遮罩层动画特效。该特效中,当鼠标悬停在图片上面的时候,左右两个遮罩层会向中间收缩,最后合成一个完整的遮罩层。 HTML结构 Williamson Web designer Miranda Roy…
CSS3鼠标hover图片超酷遮罩层动画特效 PetitQ 图片/图形 2019-10-18 1.32K 0 1 这是一款CSS3鼠标hover图片超酷遮罩层动画特效。该特效中,当鼠标悬停在图片上面的时候,左右两个遮罩层会向中间收缩,最后合成一个完整的遮罩层。 HTML结构 Williamson Web designer Miranda Roy…
CSS3高仿Facebook占位loading动画特效 PetitQ 图片/图形 2019-7-02 1.58K 0 0 这是一款css3高仿Facebook占位loading动画特效。该特效可以使loading动画占据指定的位置,在页面还没有加载完成的时候没显示loading动画。 使用方法 在页面中引入下面的文件。 HTML结构 Github网址:…
CSS3高仿Facebook占位loading动画特效 PetitQ 图片/图形 2019-7-02 1.58K 0 0 这是一款css3高仿Facebook占位loading动画特效。该特效可以使loading动画占据指定的位置,在页面还没有加载完成的时候没显示loading动画。 使用方法 在页面中引入下面的文件。 HTML结构 Github网址:…
CSS3阴影效果3D旋转电影海报特效 PetitQ 图片/图形 2018-11-18 1.62K 0 0 本教程将教会大家怎么样使用css box-shadow属性制作一些非常逼真的阴影效果。当我们在使用css3的3d变换效果(3d transform)的时候,我们会发现它们没有任何阴影效果。在现实生活中,物体有反光面和阴影,平面能够吸…
CSS3阴影效果3D旋转电影海报特效 PetitQ 图片/图形 2018-11-18 1.62K 0 0 本教程将教会大家怎么样使用css box-shadow属性制作一些非常逼真的阴影效果。当我们在使用css3的3d变换效果(3d transform)的时候,我们会发现它们没有任何阴影效果。在现实生活中,物体有反光面和阴影,平面能够吸…
CSS3过滤器图片颜色提取特效 PetitQ 图片/图形 2019-1-20 1.33K 0 0 这是一款使用CSS3过滤器(CSS3 Filters)和Vibrant.js制作的效果非常炫酷的图片颜色提取幻灯片特效插件。这个图片颜色提取特效可以将当前页面中显示的图片的主要色调提取出来,显示在下方方格中。这个图片颜色提取特效可以…
CSS3过滤器图片颜色提取特效 PetitQ 图片/图形 2019-1-20 1.33K 0 0 这是一款使用CSS3过滤器(CSS3 Filters)和Vibrant.js制作的效果非常炫酷的图片颜色提取幻灯片特效插件。这个图片颜色提取特效可以将当前页面中显示的图片的主要色调提取出来,显示在下方方格中。这个图片颜色提取特效可以…
CSS3超酷图片3D旋转显示图片信息特效 PetitQ 图片/图形 2019-1-19 1.91K 0 0 这是一款使用CSS3 3D Transform制作的超酷图片3D旋转显示图片信息特效。当用鼠标滑过图片时,图片会在垂直方向上做3D旋转,就像一个立方体向上旋转一样,底部的图片信息被显示出来。这个特效开始的时候只有图片是可见的,图片标…
CSS3超酷图片3D旋转显示图片信息特效 PetitQ 图片/图形 2019-1-19 1.91K 0 0 这是一款使用CSS3 3D Transform制作的超酷图片3D旋转显示图片信息特效。当用鼠标滑过图片时,图片会在垂直方向上做3D旋转,就像一个立方体向上旋转一样,底部的图片信息被显示出来。这个特效开始的时候只有图片是可见的,图片标…
CSS3超神奇翻书jQuery特效 PetitQ 图片/图形 2019-1-14 1.53K 0 1 这是css3 3d transform属性和jquery联手打造的一款神奇的翻书效果(翻页效果),有两种翻书效果。两种翻页效果分别是书本可以翻转到反面,查看内页,另一种效果是从书架上把书拿下了打开的效果
CSS3超神奇翻书jQuery特效 PetitQ 图片/图形 2019-1-14 1.53K 0 1 这是css3 3d transform属性和jquery联手打造的一款神奇的翻书效果(翻页效果),有两种翻书效果。两种翻页效果分别是书本可以翻转到反面,查看内页,另一种效果是从书架上把书拿下了打开的效果
CSS3购物商品卡片设计动画特效 PetitQ 图片/图形 2018-12-06 1.30K 0 0 这是一款效果非常炫酷的CSS3购物商品卡片设计动画特效。该特效采用响应式网格布局,通过CSS3在鼠标悬停卡片时切换图片,制作炫酷的动画效果。 使用方法 在页面中引入下面的bootstrap.min.css和font-awesome.…
CSS3购物商品卡片设计动画特效 PetitQ 图片/图形 2018-12-06 1.30K 0 0 这是一款效果非常炫酷的CSS3购物商品卡片设计动画特效。该特效采用响应式网格布局,通过CSS3在鼠标悬停卡片时切换图片,制作炫酷的动画效果。 使用方法 在页面中引入下面的bootstrap.min.css和font-awesome.…
CSS3翻转式翻页切换特效 PetitQ 图片/图形 2018-11-15 2.05K 0 0 这是一款js和CSS3翻转式翻页切换特效。该特效使用CSS Grid进行布局,制作类似杂志的翻页效果。该翻页切换特效的动画效果使用TweenMax来制作。由于在布局中使用了CSS Grid和自定义css属性,所以不是所有的浏览器都支…
CSS3翻转式翻页切换特效 PetitQ 图片/图形 2018-11-15 2.05K 0 0 这是一款js和CSS3翻转式翻页切换特效。该特效使用CSS Grid进行布局,制作类似杂志的翻页效果。该翻页切换特效的动画效果使用TweenMax来制作。由于在布局中使用了CSS Grid和自定义css属性,所以不是所有的浏览器都支…
CSS3缓慢树叶飘落背景特效代码 PetitQ 图片/图形 2020-10-23 858 0 0 CSS3树叶飘落背景特效代码,叶子默认是粉红色,可以在css里自定义修改叶子的颜色。就像深秋到来了一样,树叶随风飘落,这让让想起来一个词“秋风落叶”,安静而祥和。使用jQuery+CSS3实现树叶飘落特效的代码,效果非常不错分享给大…
CSS3缓慢树叶飘落背景特效代码 PetitQ 图片/图形 2020-10-23 858 0 0 CSS3树叶飘落背景特效代码,叶子默认是粉红色,可以在css里自定义修改叶子的颜色。就像深秋到来了一样,树叶随风飘落,这让让想起来一个词“秋风落叶”,安静而祥和。使用jQuery+CSS3实现树叶飘落特效的代码,效果非常不错分享给大…
CSS3的画廊图片切换3D翻转效果 PetitQ 图片/图形 2019-1-14 1.33K 0 0 这是一款使用css3技术制作的画廊图片切换3d翻转效果,有10种效果,每种效果在图片切换时都呈现非常棒的3d翻转效果。
CSS3的画廊图片切换3D翻转效果 PetitQ 图片/图形 2019-1-14 1.33K 0 0 这是一款使用css3技术制作的画廊图片切换3d翻转效果,有10种效果,每种效果在图片切换时都呈现非常棒的3d翻转效果。