强大的跨浏览器CSS3动画库 PetitQ 文本/链接 2019-1-19 1.25K 0 0 animate.css是一款功能非常强大的跨浏览器CSS3动画库。animate.css支持多达66种不同的CSS3动画效果,如:翻转、旋转、淡入淡出、滑动、放大缩小等等。最重要的是它几乎兼容所有的浏览器。animate.css支持…
强大的跨浏览器CSS3动画库 PetitQ 文本/链接 2019-1-19 1.25K 0 0 animate.css是一款功能非常强大的跨浏览器CSS3动画库。animate.css支持多达66种不同的CSS3动画效果,如:翻转、旋转、淡入淡出、滑动、放大缩小等等。最重要的是它几乎兼容所有的浏览器。animate.css支持…
带阅读进度指示侧边栏列表项UI设计 PetitQ 文本/链接 2019-2-28 1.89K 0 0 这是一款带阅读进度指示的侧边栏列表项UI设计效果。该设计的目的是在用用户滚动鼠标时,在侧边栏列表项中每一个段落标题前都带有一个指示当前段落阅读进度的圆形进度条,使用户可以看到当前的阅读进度,提升用户体验。该阅读指示UI设计使用SVG…
带阅读进度指示侧边栏列表项UI设计 PetitQ 文本/链接 2019-2-28 1.89K 0 0 这是一款带阅读进度指示的侧边栏列表项UI设计效果。该设计的目的是在用用户滚动鼠标时,在侧边栏列表项中每一个段落标题前都带有一个指示当前段落阅读进度的圆形进度条,使用户可以看到当前的阅读进度,提升用户体验。该阅读指示UI设计使用SVG…
实现逐字逐句显示文字jQuery插件 PetitQ 文本/链接 2018-11-09 2.28K 0 1 Letter-by-Letter-JS是一款可以实现逐字逐句显示文字的jQuery插件。通过该插件你可以将一个段落的文字内容一个字一个字的逐一显示。文字的显示可以是打印机效果,也可以设置为淡入淡出效果,同时还可以控制文字的显示速度。…
实现逐字逐句显示文字jQuery插件 PetitQ 文本/链接 2018-11-09 2.28K 0 1 Letter-by-Letter-JS是一款可以实现逐字逐句显示文字的jQuery插件。通过该插件你可以将一个段落的文字内容一个字一个字的逐一显示。文字的显示可以是打印机效果,也可以设置为淡入淡出效果,同时还可以控制文字的显示速度。…
基于SVG的超链接鼠标悬停下划线动画特效 PetitQ 文本/链接 2019-7-04 1.76K 0 1 Underliner是一款基于SVG的超链接鼠标悬停下划线动画特效。Underliner插件可以在鼠标hover或悬停在指定的超链接元素上面时,以动画的方式显示预定义的SVG元素。 HTML结构 News & Politics Cu…
基于SVG的超链接鼠标悬停下划线动画特效 PetitQ 文本/链接 2019-7-04 1.76K 0 1 Underliner是一款基于SVG的超链接鼠标悬停下划线动画特效。Underliner插件可以在鼠标hover或悬停在指定的超链接元素上面时,以动画的方式显示预定义的SVG元素。 HTML结构 News & Politics Cu…
基于Cannon和Three的3D文字特效 PetitQ 文本/链接 2019-12-22 1.40K 0 0 这是一款基于Cannon.js和Three.js的3d文字特效。该特效在屏幕上构建炫酷的3D文字特效,鼠标可以和文字进行交互。 Github网址:https://github.com/Aqro/Physics-menu-threej…
基于Cannon和Three的3D文字特效 PetitQ 文本/链接 2019-12-22 1.40K 0 0 这是一款基于Cannon.js和Three.js的3d文字特效。该特效在屏幕上构建炫酷的3D文字特效,鼠标可以和文字进行交互。 Github网址:https://github.com/Aqro/Physics-menu-threej…
基于Anime+CSS3炫酷文字动画特效 PetitQ 文本/链接 2018-11-09 2.10K 0 0 这是一款基于Anime.js和CSS3的炫酷文字动画特效。该文字动画特效使用anime.js来制作动画特效,字母的处理使用Charming插件,共有10种非常炫酷的文字动画效果。这个文字特效使用了最新的CSS属性,请使用最新版本的浏…
基于Anime+CSS3炫酷文字动画特效 PetitQ 文本/链接 2018-11-09 2.10K 0 0 这是一款基于Anime.js和CSS3的炫酷文字动画特效。该文字动画特效使用anime.js来制作动画特效,字母的处理使用Charming插件,共有10种非常炫酷的文字动画效果。这个文字特效使用了最新的CSS属性,请使用最新版本的浏…
可生成环形文字的纯js插件 PetitQ 文本/链接 2018-11-09 2.44K 0 0 emblem.js是一款可以生成环形文字的js插件。emblem.js是纯js插件,无任何外部依赖。它通过将每一个字符进行包裹,并通过CSS transform属性将它们分别进行旋转,形成一个完整的圆形。 使用方法: 在页面中引入e…
可生成环形文字的纯js插件 PetitQ 文本/链接 2018-11-09 2.44K 0 0 emblem.js是一款可以生成环形文字的js插件。emblem.js是纯js插件,无任何外部依赖。它通过将每一个字符进行包裹,并通过CSS transform属性将它们分别进行旋转,形成一个完整的圆形。 使用方法: 在页面中引入e…
可为Textarea添加行号的jQuery插件 PetitQ 文本/链接 2019-6-11 2.69K 0 1 这是一款可为textarea添加行号的jquery插件。该插件可以为普通的textarea文本框在左侧添加一个行号,使用非常简单。 使用方法 在页面中引入下面的文件。 HTML结构 这里是第一行内容 这里是第二行内容 这里是第三行内…
可为Textarea添加行号的jQuery插件 PetitQ 文本/链接 2019-6-11 2.69K 0 1 这是一款可为textarea添加行号的jquery插件。该插件可以为普通的textarea文本框在左侧添加一个行号,使用非常简单。 使用方法 在页面中引入下面的文件。 HTML结构 这里是第一行内容 这里是第二行内容 这里是第三行内…
typed - 文字打印效果js插件 PetitQ 文本/链接 2018-11-09 2.62K 0 0 typed.js是一款模拟控制台打印文字效果的js插件。typed.js可以自由的控制要打印的文字,以及打印的速度等,可以制作出逼真的打印文字效果。 使用方法: 在页面中引入jquery和typed.js文件。 HTML结构: 使用…
typed - 文字打印效果js插件 PetitQ 文本/链接 2018-11-09 2.62K 0 0 typed.js是一款模拟控制台打印文字效果的js插件。typed.js可以自由的控制要打印的文字,以及打印的速度等,可以制作出逼真的打印文字效果。 使用方法: 在页面中引入jquery和typed.js文件。 HTML结构: 使用…
Textillate-jQuery和css3文字动画特效库 PetitQ 文本/链接 2018-11-09 1.61K 0 0 textillate.js是一款效果炫酷的jQuery和css3文字动画特效库插件。它通过结合其它一些动画库来制作各种CSS3文字动画特效。 html结构: My Title 在页面的头部引入jQuery和jquery.textil…
Textillate-jQuery和css3文字动画特效库 PetitQ 文本/链接 2018-11-09 1.61K 0 0 textillate.js是一款效果炫酷的jQuery和css3文字动画特效库插件。它通过结合其它一些动画库来制作各种CSS3文字动画特效。 html结构: My Title 在页面的头部引入jQuery和jquery.textil…
Skroll 页面滚动动画特效jQuery插件 PetitQ 文本/链接 2018-11-13 2.61K 0 1 skroll是一款页面滚动时触发元素动画效果的jQuery插件。skroll插件支持17+动画效果,可以在页面滚动时为任意DOM元素提供这些动画效果。 使用方法 在页面中引入jquery和skroll.min.js文件。 HTML代…
Skroll 页面滚动动画特效jQuery插件 PetitQ 文本/链接 2018-11-13 2.61K 0 1 skroll是一款页面滚动时触发元素动画效果的jQuery插件。skroll插件支持17+动画效果,可以在页面滚动时为任意DOM元素提供这些动画效果。 使用方法 在页面中引入jquery和skroll.min.js文件。 HTML代…
Material Design 风格鼠标滑过导航菜单特效 PetitQ 文本/链接 2019-3-04 1.28K 0 0 这是一款Material Design风格鼠标滑过导航菜单特效。该导航菜单特效简单实用,可以制作出非常漂亮的鼠标滑过导航菜单时的下划线动画效果。 使用方法 该导航菜单使用一个<nav>元素来作为容器,里面放置一个<…
Material Design 风格鼠标滑过导航菜单特效 PetitQ 文本/链接 2019-3-04 1.28K 0 0 这是一款Material Design风格鼠标滑过导航菜单特效。该导航菜单特效简单实用,可以制作出非常漂亮的鼠标滑过导航菜单时的下划线动画效果。 使用方法 该导航菜单使用一个<nav>元素来作为容器,里面放置一个<…