CSS3超酷3D文字跑马灯特效 PetitQ 文本/链接 2019-3-09 2.14K 0 0 这是一款使用纯CSS3制作的超酷3D文字跑马灯特效。该跑马灯特效将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向。 HTML结构 使用该3d跑马灯效果使用一个<div>作…
CSS3超酷3D文字跑马灯特效 PetitQ 文本/链接 2019-3-09 2.14K 0 0 这是一款使用纯CSS3制作的超酷3D文字跑马灯特效。该跑马灯特效将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向。 HTML结构 使用该3d跑马灯效果使用一个<div>作…
jQuery.fontFlex-轻量级jQuery响应式字体插件 PetitQ 文本/链接 2018-11-09 1.85K 0 0 jQuery.fontFlex是一款轻量级jQuery响应式字体插件。它可以在浏览器或容器的尺寸发生改变时动态修改字体的大小,适合于在各种响应式布局中显示文字。 使用方法: 使用该响应式字体插件需要在页面中引入jquery和jQue…
jQuery.fontFlex-轻量级jQuery响应式字体插件 PetitQ 文本/链接 2018-11-09 1.85K 0 0 jQuery.fontFlex是一款轻量级jQuery响应式字体插件。它可以在浏览器或容器的尺寸发生改变时动态修改字体的大小,适合于在各种响应式布局中显示文字。 使用方法: 使用该响应式字体插件需要在页面中引入jquery和jQue…
Hexaflip 超强CSS3立方体插件 PetitQ 文本/链接 2019-1-16 1.20K 0 1 Hexaflip是一款功能强大又十分灵活的css3和js旋转3d立方体插件。Hexaflip3d立方体是一个js ui插件,它可以让你使用3D立方体作为界面元素,实现立方体的自动旋转,幻灯片效果等。
Hexaflip 超强CSS3立方体插件 PetitQ 文本/链接 2019-1-16 1.20K 0 1 Hexaflip是一款功能强大又十分灵活的css3和js旋转3d立方体插件。Hexaflip3d立方体是一个js ui插件,它可以让你使用3D立方体作为界面元素,实现立方体的自动旋转,幻灯片效果等。
纯CSS3炫酷彩色粉笔字特效 PetitQ 文本/链接 2019-12-16 1.77K 0 0 这是一款纯CSS3炫酷彩色粉笔字特效。该特效利用CSS3和谷歌字体,来制作效果非常炫酷的粉笔字,并带有一些动画效果。 使用方法 在HTML文件中引入谷歌字体 HTML结构 Best JQuery CSS样式 .text-effect…
纯CSS3炫酷彩色粉笔字特效 PetitQ 文本/链接 2019-12-16 1.77K 0 0 这是一款纯CSS3炫酷彩色粉笔字特效。该特效利用CSS3和谷歌字体,来制作效果非常炫酷的粉笔字,并带有一些动画效果。 使用方法 在HTML文件中引入谷歌字体 HTML结构 Best JQuery CSS样式 .text-effect…
js+css炫酷3D立体卡通文字特效 PetitQ 文本/链接 2018-11-09 2.96K 0 0 这是一款效果使用纯js和CSS3制作的炫酷3D立体卡通文字特效。该特效通过js代码来克隆字母的内容,并通过 CSS text-shadow属性和transform属性将字母渲染为3D立体效果。 HTML结构: 该3D立体文字特效的H…
js+css炫酷3D立体卡通文字特效 PetitQ 文本/链接 2018-11-09 2.96K 0 0 这是一款效果使用纯js和CSS3制作的炫酷3D立体卡通文字特效。该特效通过js代码来克隆字母的内容,并通过 CSS text-shadow属性和transform属性将字母渲染为3D立体效果。 HTML结构: 该3D立体文字特效的H…
纯CSS3带阴影效果的剪纸文字动画特效 PetitQ 文本/链接 2019-1-27 1.66K 0 0 这是一款效果非常炫酷的纯CSS3带阴影效果的剪纸文字动画特效。它利用伪元素来制作文字脱离屏幕的剪纸效果,并在伪元素上执行旋转和缩放,使其在鼠标滑过是产生关门的动画特效。 HTML结构 该剪纸文字动画的HTML结构是在<p>…
纯CSS3带阴影效果的剪纸文字动画特效 PetitQ 文本/链接 2019-1-27 1.66K 0 0 这是一款效果非常炫酷的纯CSS3带阴影效果的剪纸文字动画特效。它利用伪元素来制作文字脱离屏幕的剪纸效果,并在伪元素上执行旋转和缩放,使其在鼠标滑过是产生关门的动画特效。 HTML结构 该剪纸文字动画的HTML结构是在<p>…
jQuery和css3文字3D翻转动画特效插件 PetitQ 文本/链接 2018-11-09 1.99K 0 0 这是一款效果非常炫酷的jQuery和css3文字翻转动画特效插件。CSS3为开发者们提供了许多非常有用的动画效果,使网页不再枯燥无味。在这个插件中,通过使用Adjector.js和css3使文字不断的做3d翻转和旋转动画,效果非常有…
jQuery和css3文字3D翻转动画特效插件 PetitQ 文本/链接 2018-11-09 1.99K 0 0 这是一款效果非常炫酷的jQuery和css3文字翻转动画特效插件。CSS3为开发者们提供了许多非常有用的动画效果,使网页不再枯燥无味。在这个插件中,通过使用Adjector.js和css3使文字不断的做3d翻转和旋转动画,效果非常有…
HTML5和CSS3制作遮罩文字特效 PetitQ 图片/图形, 文本/链接 2018-11-09 3.14K 0 2 遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示。这种效果使用photoshop来制作是非常简单的。现在,Webkit内核的浏览器支持CSS3的background-clip属性,它能够完成和photoshop相同…
HTML5和CSS3制作遮罩文字特效 PetitQ 图片/图形, 文本/链接 2018-11-09 3.14K 0 2 遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示。这种效果使用photoshop来制作是非常简单的。现在,Webkit内核的浏览器支持CSS3的background-clip属性,它能够完成和photoshop相同…
纯CSS Tooltips工具提示特效库 PetitQ 文本/链接 2019-3-09 1.63K 0 0 tootik是一款纯CSS Tooltips工具提示特效库。该工具提示效果使用CSS3/SASS来制作,支持使用data属性来配置tooltips的位置和属性,效果非常炫酷。 使用方法 在页面中引入tootik.min.css文件。…
纯CSS Tooltips工具提示特效库 PetitQ 文本/链接 2019-3-09 1.63K 0 0 tootik是一款纯CSS Tooltips工具提示特效库。该工具提示效果使用CSS3/SASS来制作,支持使用data属性来配置tooltips的位置和属性,效果非常炫酷。 使用方法 在页面中引入tootik.min.css文件。…
炫酷鼠标滑过超链接动画特效jQuery插件 PetitQ 文本/链接 2018-11-09 1.59K 0 0 anchor-hover-effect是一款炫酷的鼠标滑过超链接动画特效jQuery插件。该插件提供4种超链接动画效果:3D翻转效果,括号动画效果,上下翻转效果和下划线动画效果。 使用方法: 使用该插件需要在页面中引入anchorH…
炫酷鼠标滑过超链接动画特效jQuery插件 PetitQ 文本/链接 2018-11-09 1.59K 0 0 anchor-hover-effect是一款炫酷的鼠标滑过超链接动画特效jQuery插件。该插件提供4种超链接动画效果:3D翻转效果,括号动画效果,上下翻转效果和下划线动画效果。 使用方法: 使用该插件需要在页面中引入anchorH…
CSS3炫酷文字动画特效 PetitQ 文本/链接 2019-12-19 2.89K 0 1 这是一款使用纯css3制作的文字动画特效。这款炫酷css3文字特效共有5种效果:上下滚动效果、淡入淡出效果、文字旋转效果、放大缩小效果和3d翻转效果。这些特效的主要思想是使用CSS animations来使一个句子产生旋转、缩放等动…
CSS3炫酷文字动画特效 PetitQ 文本/链接 2019-12-19 2.89K 0 1 这是一款使用纯css3制作的文字动画特效。这款炫酷css3文字特效共有5种效果:上下滚动效果、淡入淡出效果、文字旋转效果、放大缩小效果和3d翻转效果。这些特效的主要思想是使用CSS animations来使一个句子产生旋转、缩放等动…
基于Cannon和Three的3D文字特效 PetitQ 文本/链接 2019-12-22 1.42K 0 0 这是一款基于Cannon.js和Three.js的3d文字特效。该特效在屏幕上构建炫酷的3D文字特效,鼠标可以和文字进行交互。 Github网址:https://github.com/Aqro/Physics-menu-threej…
基于Cannon和Three的3D文字特效 PetitQ 文本/链接 2019-12-22 1.42K 0 0 这是一款基于Cannon.js和Three.js的3d文字特效。该特效在屏幕上构建炫酷的3D文字特效,鼠标可以和文字进行交互。 Github网址:https://github.com/Aqro/Physics-menu-threej…