CSS3荧光灯文字闪烁动画特效 PetitQ 文本/链接 2019-8-02 2.21K 0 1 这是一款纯CSS3荧光灯文字闪烁动画特效。该特效在HTML结构中将文字拆分为单个span元素,然后通过CSS3代码来制作荧光灯和闪烁特效。 HTML结构 J Q u e r y CSS样式 .demo{background: #2c…
CSS3荧光灯文字闪烁动画特效 PetitQ 文本/链接 2019-8-02 2.21K 0 1 这是一款纯CSS3荧光灯文字闪烁动画特效。该特效在HTML结构中将文字拆分为单个span元素,然后通过CSS3代码来制作荧光灯和闪烁特效。 HTML结构 J Q u e r y CSS样式 .demo{background: #2c…
基于SVG的超链接鼠标悬停下划线动画特效 PetitQ 文本/链接 2019-7-04 2.21K 0 1 Underliner是一款基于SVG的超链接鼠标悬停下划线动画特效。Underliner插件可以在鼠标hover或悬停在指定的超链接元素上面时,以动画的方式显示预定义的SVG元素。 HTML结构 News & Politics Cu…
基于SVG的超链接鼠标悬停下划线动画特效 PetitQ 文本/链接 2019-7-04 2.21K 0 1 Underliner是一款基于SVG的超链接鼠标悬停下划线动画特效。Underliner插件可以在鼠标hover或悬停在指定的超链接元素上面时,以动画的方式显示预定义的SVG元素。 HTML结构 News & Politics Cu…
Autotyperjs 打字机动画特效插件 PetitQ 文本/链接 2019-7-03 1.92K 0 0 autotyperjs是一款打字机动画特效js插件js。使用autotyperjs可以轻松的实现控制台打字效果,配合CSS3动画,可以制作漂亮的自动打字动画特效。 使用方法 在页面中引入下面的文件。 HTML结构 AutoTyper…
Autotyperjs 打字机动画特效插件 PetitQ 文本/链接 2019-7-03 1.92K 0 0 autotyperjs是一款打字机动画特效js插件js。使用autotyperjs可以轻松的实现控制台打字效果,配合CSS3动画,可以制作漂亮的自动打字动画特效。 使用方法 在页面中引入下面的文件。 HTML结构 AutoTyper…
可为Textarea添加行号的jQuery插件 PetitQ 文本/链接 2019-6-11 2.94K 0 1 这是一款可为textarea添加行号的jquery插件。该插件可以为普通的textarea文本框在左侧添加一个行号,使用非常简单。 使用方法 在页面中引入下面的文件。 HTML结构 这里是第一行内容 这里是第二行内容 这里是第三行内…
可为Textarea添加行号的jQuery插件 PetitQ 文本/链接 2019-6-11 2.94K 0 1 这是一款可为textarea添加行号的jquery插件。该插件可以为普通的textarea文本框在左侧添加一个行号,使用非常简单。 使用方法 在页面中引入下面的文件。 HTML结构 这里是第一行内容 这里是第二行内容 这里是第三行内…
文字翻转动画特效jQuery插件 PetitQ 文本/链接 2019-6-03 2.07K 0 0 这是一款jQuery文字翻转动画特效插件,该插件通过jquery动态为文字添加CSS3属性来实现文字的翻转动画效果,并提供一些配置参数和回调函数来控制文字动画的效果。 使用方法 在页面中引入html2canvas.js文件。 初始化…
文字翻转动画特效jQuery插件 PetitQ 文本/链接 2019-6-03 2.07K 0 0 这是一款jQuery文字翻转动画特效插件,该插件通过jquery动态为文字添加CSS3属性来实现文字的翻转动画效果,并提供一些配置参数和回调函数来控制文字动画的效果。 使用方法 在页面中引入html2canvas.js文件。 初始化…
超酷CSS3模糊发光文字动画效果 PetitQ 文本/链接 2019-4-02 1.80K 0 0 这是一款CSS3超酷模糊发光文字动画特效。该特效通过简单的CSS代码来实现文字的模糊和发光动画效果。 HTML结构 页面布局的HTML结构如下。 Best jQuery CSS样式 然后添加下面的CSS样式。 .text-effec…
超酷CSS3模糊发光文字动画效果 PetitQ 文本/链接 2019-4-02 1.80K 0 0 这是一款CSS3超酷模糊发光文字动画特效。该特效通过简单的CSS代码来实现文字的模糊和发光动画效果。 HTML结构 页面布局的HTML结构如下。 Best jQuery CSS样式 然后添加下面的CSS样式。 .text-effec…
纯CSS3制作可编辑的微软Word样式文档 PetitQ 文本/链接 2019-3-15 2.64K 0 0 这是一款使用HTML和CSS3制作的可编辑的微软Word样式文档。该特效提供一组预定义的样式,用于在WEB页面中生成各种尺寸的Word样式的文档效果。 使用方法 在页面中引入你需要的尺寸的样式文件,如使用A4纸则引入sheets-o…
纯CSS3制作可编辑的微软Word样式文档 PetitQ 文本/链接 2019-3-15 2.64K 0 0 这是一款使用HTML和CSS3制作的可编辑的微软Word样式文档。该特效提供一组预定义的样式,用于在WEB页面中生成各种尺寸的Word样式的文档效果。 使用方法 在页面中引入你需要的尺寸的样式文件,如使用A4纸则引入sheets-o…
点击显示隐藏更多文字内容jQuery插件 PetitQ 文本/链接 2019-3-14 2.09K 0 1 这是一款jQuery显示/隐藏更多文字内容插件,该插件可以将很长的一段文字按要求进行部分隐藏和全部展示,并且可以定制隐藏和展开内容时的动画效果。 使用方法 在页面中引入jquery和jquery.morecontent.js文件。 …
点击显示隐藏更多文字内容jQuery插件 PetitQ 文本/链接 2019-3-14 2.09K 0 1 这是一款jQuery显示/隐藏更多文字内容插件,该插件可以将很长的一段文字按要求进行部分隐藏和全部展示,并且可以定制隐藏和展开内容时的动画效果。 使用方法 在页面中引入jquery和jquery.morecontent.js文件。 …
纯CSS Tooltips工具提示特效库 PetitQ 文本/链接 2019-3-09 1.82K 0 0 tootik是一款纯CSS Tooltips工具提示特效库。该工具提示效果使用CSS3/SASS来制作,支持使用data属性来配置tooltips的位置和属性,效果非常炫酷。 使用方法 在页面中引入tootik.min.css文件。…
纯CSS Tooltips工具提示特效库 PetitQ 文本/链接 2019-3-09 1.82K 0 0 tootik是一款纯CSS Tooltips工具提示特效库。该工具提示效果使用CSS3/SASS来制作,支持使用data属性来配置tooltips的位置和属性,效果非常炫酷。 使用方法 在页面中引入tootik.min.css文件。…
CSS3超酷3D文字跑马灯特效 PetitQ 文本/链接 2019-3-09 2.36K 0 0 这是一款使用纯CSS3制作的超酷3D文字跑马灯特效。该跑马灯特效将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向。 HTML结构 使用该3d跑马灯效果使用一个<div>作…
CSS3超酷3D文字跑马灯特效 PetitQ 文本/链接 2019-3-09 2.36K 0 0 这是一款使用纯CSS3制作的超酷3D文字跑马灯特效。该跑马灯特效将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向。 HTML结构 使用该3d跑马灯效果使用一个<div>作…
Material Design 风格鼠标滑过导航菜单特效 PetitQ 文本/链接 2019-3-04 1.42K 0 0 这是一款Material Design风格鼠标滑过导航菜单特效。该导航菜单特效简单实用,可以制作出非常漂亮的鼠标滑过导航菜单时的下划线动画效果。 使用方法 该导航菜单使用一个<nav>元素来作为容器,里面放置一个<…
Material Design 风格鼠标滑过导航菜单特效 PetitQ 文本/链接 2019-3-04 1.42K 0 0 这是一款Material Design风格鼠标滑过导航菜单特效。该导航菜单特效简单实用,可以制作出非常漂亮的鼠标滑过导航菜单时的下划线动画效果。 使用方法 该导航菜单使用一个<nav>元素来作为容器,里面放置一个<…
7种鼠标滑过超链接动画特效 PetitQ 文本/链接 2019-3-04 2.96K 0 1 这是一组效果很酷的鼠标滑过超链接元素时的动画特效。这组超链接动画效果使用伪元素来制作超链接的下划线,并使用CSS3 animation来制作各种动画效果。 HTML结构 每一个超链接的效果的HTML结构都基本相同,使用一个<d…
7种鼠标滑过超链接动画特效 PetitQ 文本/链接 2019-3-04 2.96K 0 1 这是一组效果很酷的鼠标滑过超链接元素时的动画特效。这组超链接动画效果使用伪元素来制作超链接的下划线,并使用CSS3 animation来制作各种动画效果。 HTML结构 每一个超链接的效果的HTML结构都基本相同,使用一个<d…