超酷3D网格照片墙动画jQuery特效 PetitQ 图片/图形 2018-11-15 2.63K 0 1 这是一组效果非常炫酷的jQuery 3D网格照片墙动画特效。这组3D网格照片墙共4种不同的效果,它们都是使用jQuery .delay(),jQuery easing插件和CSS3动画过渡来在网格中制作缩略图的动画特效。该3D网格照…
超酷3D网格照片墙动画jQuery特效 PetitQ 图片/图形 2018-11-15 2.63K 0 1 这是一组效果非常炫酷的jQuery 3D网格照片墙动画特效。这组3D网格照片墙共4种不同的效果,它们都是使用jQuery .delay(),jQuery easing插件和CSS3动画过渡来在网格中制作缩略图的动画特效。该3D网格照…
纯CSS3扁平风格天气预报卡片动画特效 PetitQ 图片/图形 2021-7-02 2.26K 0 1 这是一款非常有意思的纯CSS3扁平风格天气预报卡片动画特效。该天气预报特效将各种天气制作为卡片形式,包括下雨,闪电,白天,夜间和下雪。卡片使用扁平化风格,并使用CSS3帧动画来制作各种动画效果。 HTML结构 该特效的HTML结构采…
纯CSS3扁平风格天气预报卡片动画特效 PetitQ 图片/图形 2021-7-02 2.26K 0 1 这是一款非常有意思的纯CSS3扁平风格天气预报卡片动画特效。该天气预报特效将各种天气制作为卡片形式,包括下雨,闪电,白天,夜间和下雪。卡片使用扁平化风格,并使用CSS3帧动画来制作各种动画效果。 HTML结构 该特效的HTML结构采…
6种精美的纯CSS3丝带效果 PetitQ 图片/图形 2019-3-05 1.73K 0 1 这是一组非常精美的纯CSS3丝带设计效果。这组丝带效果分别使用:before和:after伪元素来制作各种丝带,适用于要使用丝带效果的各种不同场景。 HTML结构 这些丝带效果的HTML结构:使用一个<div>作为容器,…
6种精美的纯CSS3丝带效果 PetitQ 图片/图形 2019-3-05 1.73K 0 1 这是一组非常精美的纯CSS3丝带设计效果。这组丝带效果分别使用:before和:after伪元素来制作各种丝带,适用于要使用丝带效果的各种不同场景。 HTML结构 这些丝带效果的HTML结构:使用一个<div>作为容器,…
响应式图片拉幕比较滑块jQuery插件 PetitQ 图片/图形 2018-11-14 1.39K 0 1 这是一款jQuery响应式移动优先的图片比较滑块插件。该插件将两幅图片堆叠在一起,通过拖动滑块可以显示出下面的图片,非常适合用于两幅相似的图片做比较。该图片滑块插件最大的特点是响应式和对移动手机设备的支持。 使用方法 首先需要引入j…
响应式图片拉幕比较滑块jQuery插件 PetitQ 图片/图形 2018-11-14 1.39K 0 1 这是一款jQuery响应式移动优先的图片比较滑块插件。该插件将两幅图片堆叠在一起,通过拖动滑块可以显示出下面的图片,非常适合用于两幅相似的图片做比较。该图片滑块插件最大的特点是响应式和对移动手机设备的支持。 使用方法 首先需要引入j…
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…
Magic - 带64种动画效果的CSS3动画库 PetitQ 图片/图形 2019-3-06 2.46K 0 1 magic.css是一款带64种动画效果的CSS3动画库。magic.css中的动画分为12大类,全部使用CSS3 animation动画来完成。各种效果使用非常简单,只需要为元素添加和移除相应的class类即可。 使用方法 使用该…
Magic - 带64种动画效果的CSS3动画库 PetitQ 图片/图形 2019-3-06 2.46K 0 1 magic.css是一款带64种动画效果的CSS3动画库。magic.css中的动画分为12大类,全部使用CSS3 animation动画来完成。各种效果使用非常简单,只需要为元素添加和移除相应的class类即可。 使用方法 使用该…
jQuery+CSS3超逼真图片放大镜特效 PetitQ 图片/图形 2018-11-14 1.75K 0 1 这是一款效果非常逼真的jQuery和CSS3超逼真的图片放大镜特效。该图片放大镜特效使用CSS3的box-shadow和border-radius实现来制作放大镜的样式,使用jQuery来获取当前鼠标的坐标系,并修改当前坐标系的背景…
jQuery+CSS3超逼真图片放大镜特效 PetitQ 图片/图形 2018-11-14 1.75K 0 1 这是一款效果非常逼真的jQuery和CSS3超逼真的图片放大镜特效。该图片放大镜特效使用CSS3的box-shadow和border-radius实现来制作放大镜的样式,使用jQuery来获取当前鼠标的坐标系,并修改当前坐标系的背景…
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联手打造的一款神奇的翻书效果(翻页效果),有两种翻书效果。两种翻页效果分别是书本可以翻转到反面,查看内页,另一种效果是从书架上把书拿下了打开的效果
视觉倾斜效果的鼠标悬停卡片动画jQuery特效 PetitQ 图片/图形 2019-11-08 1.77K 0 1 这是一款带视觉倾斜效果的鼠标悬停卡片动画特效。该特效通过js和css3代码,使鼠标悬停在一张图片卡片上面时,卡片会根据鼠标的方向进行3d倾斜。 HTML结构 01. Normal 02. Reverse 03. Normal CSS…
视觉倾斜效果的鼠标悬停卡片动画jQuery特效 PetitQ 图片/图形 2019-11-08 1.77K 0 1 这是一款带视觉倾斜效果的鼠标悬停卡片动画特效。该特效通过js和css3代码,使鼠标悬停在一张图片卡片上面时,卡片会根据鼠标的方向进行3d倾斜。 HTML结构 01. Normal 02. Reverse 03. Normal CSS…