CSS3文字颜色渐变和文字阴影特效 PetitQ 文本/链接 2019-1-19 3.24K 0 0 这是一款使用纯css3制作的文字颜色渐变和文字阴影特效插件。通过该插件可以制作各种文字颜色渐变效果和文字阴影效果,它的文字阴影就像PS中的浮雕切边文字效果一样,非常好看。遗憾的是,这些效果只在WEBKIT内核的浏览器才可以看到,其他…
CSS3文字颜色渐变和文字阴影特效 PetitQ 文本/链接 2019-1-19 3.24K 0 0 这是一款使用纯css3制作的文字颜色渐变和文字阴影特效插件。通过该插件可以制作各种文字颜色渐变效果和文字阴影效果,它的文字阴影就像PS中的浮雕切边文字效果一样,非常好看。遗憾的是,这些效果只在WEBKIT内核的浏览器才可以看到,其他…
HTML5和CSS3制作遮罩文字特效 PetitQ 图片/图形, 文本/链接 2018-11-09 3.09K 0 2 遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示。这种效果使用photoshop来制作是非常简单的。现在,Webkit内核的浏览器支持CSS3的background-clip属性,它能够完成和photoshop相同…
HTML5和CSS3制作遮罩文字特效 PetitQ 图片/图形, 文本/链接 2018-11-09 3.09K 0 2 遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示。这种效果使用photoshop来制作是非常简单的。现在,Webkit内核的浏览器支持CSS3的background-clip属性,它能够完成和photoshop相同…
jQuery简单文字跑马灯特效 PetitQ 文本/链接 2018-11-12 3.03K 0 1 这是一款非常简单的jQuery文字跑马灯特效插件。该跑马灯特效使文本从右向左不停循环,当鼠标放到跑马灯上的文字时,跑马灯会暂停运动。 使用方法: 使用该跑马灯特效之前要先引入jQuery和marquee.js文件。 HTML结构: …
jQuery简单文字跑马灯特效 PetitQ 文本/链接 2018-11-12 3.03K 0 1 这是一款非常简单的jQuery文字跑马灯特效插件。该跑马灯特效使文本从右向左不停循环,当鼠标放到跑马灯上的文字时,跑马灯会暂停运动。 使用方法: 使用该跑马灯特效之前要先引入jQuery和marquee.js文件。 HTML结构: …
js+css炫酷3D立体卡通文字特效 PetitQ 文本/链接 2018-11-09 2.93K 0 0 这是一款效果使用纯js和CSS3制作的炫酷3D立体卡通文字特效。该特效通过js代码来克隆字母的内容,并通过 CSS text-shadow属性和transform属性将字母渲染为3D立体效果。 HTML结构: 该3D立体文字特效的H…
js+css炫酷3D立体卡通文字特效 PetitQ 文本/链接 2018-11-09 2.93K 0 0 这是一款效果使用纯js和CSS3制作的炫酷3D立体卡通文字特效。该特效通过js代码来克隆字母的内容,并通过 CSS text-shadow属性和transform属性将字母渲染为3D立体效果。 HTML结构: 该3D立体文字特效的H…
高等数学方程公式纯CSS样式 PetitQ 文本/链接 2019-2-25 2.84K 0 0 MathCSS是一款简单易用的可生成高等数学公式的纯CSS样式。通过MathCSS可以将特定HTML结构渲染为非常复杂的高等数学公式,如积分、求和、乘积等。MathCSS的特点有: 快速生成积分、求和、乘积等高等数学公式 MathC…
高等数学方程公式纯CSS样式 PetitQ 文本/链接 2019-2-25 2.84K 0 0 MathCSS是一款简单易用的可生成高等数学公式的纯CSS样式。通过MathCSS可以将特定HTML结构渲染为非常复杂的高等数学公式,如积分、求和、乘积等。MathCSS的特点有: 快速生成积分、求和、乘积等高等数学公式 MathC…
CSS3炫酷文字动画特效 PetitQ 文本/链接 2019-12-19 2.83K 0 1 这是一款使用纯css3制作的文字动画特效。这款炫酷css3文字特效共有5种效果:上下滚动效果、淡入淡出效果、文字旋转效果、放大缩小效果和3d翻转效果。这些特效的主要思想是使用CSS animations来使一个句子产生旋转、缩放等动…
CSS3炫酷文字动画特效 PetitQ 文本/链接 2019-12-19 2.83K 0 1 这是一款使用纯css3制作的文字动画特效。这款炫酷css3文字特效共有5种效果:上下滚动效果、淡入淡出效果、文字旋转效果、放大缩小效果和3d翻转效果。这些特效的主要思想是使用CSS animations来使一个句子产生旋转、缩放等动…
8种炫酷网页介绍标题文字动画特效 PetitQ 按钮图标, 文本/链接 2019-1-27 2.82K 0 0 这是一组效果非常炫酷的网页介绍标题文字动画特效。这组文字动画效果共有8种效果,分别为弹性效果,文字剪裁效果,文字遮罩效果,视觉差效果,反转效果,文字缩放效果和全屏视频背景效果。 HTML结构 所有文字动画效果的HTML结构都非常简单…
8种炫酷网页介绍标题文字动画特效 PetitQ 按钮图标, 文本/链接 2019-1-27 2.82K 0 0 这是一组效果非常炫酷的网页介绍标题文字动画特效。这组文字动画效果共有8种效果,分别为弹性效果,文字剪裁效果,文字遮罩效果,视觉差效果,反转效果,文字缩放效果和全屏视频背景效果。 HTML结构 所有文字动画效果的HTML结构都非常简单…
7种鼠标滑过超链接动画特效 PetitQ 文本/链接 2019-3-04 2.70K 0 1 这是一组效果很酷的鼠标滑过超链接元素时的动画特效。这组超链接动画效果使用伪元素来制作超链接的下划线,并使用CSS3 animation来制作各种动画效果。 HTML结构 每一个超链接的效果的HTML结构都基本相同,使用一个<d…
7种鼠标滑过超链接动画特效 PetitQ 文本/链接 2019-3-04 2.70K 0 1 这是一组效果很酷的鼠标滑过超链接元素时的动画特效。这组超链接动画效果使用伪元素来制作超链接的下划线,并使用CSS3 animation来制作各种动画效果。 HTML结构 每一个超链接的效果的HTML结构都基本相同,使用一个<d…
可为Textarea添加行号的jQuery插件 PetitQ 文本/链接 2019-6-11 2.66K 0 1 这是一款可为textarea添加行号的jquery插件。该插件可以为普通的textarea文本框在左侧添加一个行号,使用非常简单。 使用方法 在页面中引入下面的文件。 HTML结构 这里是第一行内容 这里是第二行内容 这里是第三行内…
可为Textarea添加行号的jQuery插件 PetitQ 文本/链接 2019-6-11 2.66K 0 1 这是一款可为textarea添加行号的jquery插件。该插件可以为普通的textarea文本框在左侧添加一个行号,使用非常简单。 使用方法 在页面中引入下面的文件。 HTML结构 这里是第一行内容 这里是第二行内容 这里是第三行内…
typed - 文字打印效果js插件 PetitQ 文本/链接 2018-11-09 2.59K 0 0 typed.js是一款模拟控制台打印文字效果的js插件。typed.js可以自由的控制要打印的文字,以及打印的速度等,可以制作出逼真的打印文字效果。 使用方法: 在页面中引入jquery和typed.js文件。 HTML结构: 使用…
typed - 文字打印效果js插件 PetitQ 文本/链接 2018-11-09 2.59K 0 0 typed.js是一款模拟控制台打印文字效果的js插件。typed.js可以自由的控制要打印的文字,以及打印的速度等,可以制作出逼真的打印文字效果。 使用方法: 在页面中引入jquery和typed.js文件。 HTML结构: 使用…
Skroll 页面滚动动画特效jQuery插件 PetitQ 文本/链接 2018-11-13 2.59K 0 1 skroll是一款页面滚动时触发元素动画效果的jQuery插件。skroll插件支持17+动画效果,可以在页面滚动时为任意DOM元素提供这些动画效果。 使用方法 在页面中引入jquery和skroll.min.js文件。 HTML代…
Skroll 页面滚动动画特效jQuery插件 PetitQ 文本/链接 2018-11-13 2.59K 0 1 skroll是一款页面滚动时触发元素动画效果的jQuery插件。skroll插件支持17+动画效果,可以在页面滚动时为任意DOM元素提供这些动画效果。 使用方法 在页面中引入jquery和skroll.min.js文件。 HTML代…
可生成环形文字的纯js插件 PetitQ 文本/链接 2018-11-09 2.42K 0 0 emblem.js是一款可以生成环形文字的js插件。emblem.js是纯js插件,无任何外部依赖。它通过将每一个字符进行包裹,并通过CSS transform属性将它们分别进行旋转,形成一个完整的圆形。 使用方法: 在页面中引入e…
可生成环形文字的纯js插件 PetitQ 文本/链接 2018-11-09 2.42K 0 0 emblem.js是一款可以生成环形文字的js插件。emblem.js是纯js插件,无任何外部依赖。它通过将每一个字符进行包裹,并通过CSS transform属性将它们分别进行旋转,形成一个完整的圆形。 使用方法: 在页面中引入e…