jQuery.fontFlex-轻量级jQuery响应式字体插件 PetitQ 文本/链接 2018-11-09 1.83K 0 0 jQuery.fontFlex是一款轻量级jQuery响应式字体插件。它可以在浏览器或容器的尺寸发生改变时动态修改字体的大小,适合于在各种响应式布局中显示文字。 使用方法: 使用该响应式字体插件需要在页面中引入jquery和jQue…
jQuery.fontFlex-轻量级jQuery响应式字体插件 PetitQ 文本/链接 2018-11-09 1.83K 0 0 jQuery.fontFlex是一款轻量级jQuery响应式字体插件。它可以在浏览器或容器的尺寸发生改变时动态修改字体的大小,适合于在各种响应式布局中显示文字。 使用方法: 使用该响应式字体插件需要在页面中引入jquery和jQue…
jQuery+CSS3鼠标悬停超链接文字动画特效 PetitQ 文本/链接 2018-11-04 1.29K 0 0 这是一款jQuery和CSS3鼠标悬停超链接文字动画特效。该特效共6种特效,分别是在鼠标HOVER或悬停在超链接文字上面时,超链接产生炫酷动画特效。 使用方法: 在页面中引入base.css、demo.css和jquery、anim…
jQuery+CSS3鼠标悬停超链接文字动画特效 PetitQ 文本/链接 2018-11-04 1.29K 0 0 这是一款jQuery和CSS3鼠标悬停超链接文字动画特效。该特效共6种特效,分别是在鼠标HOVER或悬停在超链接文字上面时,超链接产生炫酷动画特效。 使用方法: 在页面中引入base.css、demo.css和jquery、anim…
HTML5火焰文字特效代码 PetitQ 文本/链接 2022-1-02 912 0 0 之前我们分享过不少基于HTML5和CSS3的文字特效,有3D的文字效果,也有动画文字特效。今天我们分享的这款HTML5文字特效是火焰燃烧的效果,比较消耗CPU,但是动画效果还是比较酷的。
HTML5火焰文字特效代码 PetitQ 文本/链接 2022-1-02 912 0 0 之前我们分享过不少基于HTML5和CSS3的文字特效,有3D的文字效果,也有动画文字特效。今天我们分享的这款HTML5文字特效是火焰燃烧的效果,比较消耗CPU,但是动画效果还是比较酷的。
HTML5和CSS3制作遮罩文字特效 PetitQ 图片/图形, 文本/链接 2018-11-09 3.12K 0 2 遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示。这种效果使用photoshop来制作是非常简单的。现在,Webkit内核的浏览器支持CSS3的background-clip属性,它能够完成和photoshop相同…
HTML5和CSS3制作遮罩文字特效 PetitQ 图片/图形, 文本/链接 2018-11-09 3.12K 0 2 遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示。这种效果使用photoshop来制作是非常简单的。现在,Webkit内核的浏览器支持CSS3的background-clip属性,它能够完成和photoshop相同…
HTML5 Canvas粒子效果文字动画特效 PetitQ 文本/链接 2022-1-05 989 0 0 之前我们分享过很多超酷的文字特效,其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5 Canvas的文字特效,输入框中输入想要展示的文字,回车后即可在canvas上绘制出粒子效果的文字动画,相当酷的动画效果。
HTML5 Canvas粒子效果文字动画特效 PetitQ 文本/链接 2022-1-05 989 0 0 之前我们分享过很多超酷的文字特效,其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5 Canvas的文字特效,输入框中输入想要展示的文字,回车后即可在canvas上绘制出粒子效果的文字动画,相当酷的动画效果。
Hexaflip 超强CSS3立方体插件 PetitQ 文本/链接 2019-1-16 1.19K 0 1 Hexaflip是一款功能强大又十分灵活的css3和js旋转3d立方体插件。Hexaflip3d立方体是一个js ui插件,它可以让你使用3D立方体作为界面元素,实现立方体的自动旋转,幻灯片效果等。
Hexaflip 超强CSS3立方体插件 PetitQ 文本/链接 2019-1-16 1.19K 0 1 Hexaflip是一款功能强大又十分灵活的css3和js旋转3d立方体插件。Hexaflip3d立方体是一个js ui插件,它可以让你使用3D立方体作为界面元素,实现立方体的自动旋转,幻灯片效果等。
hake强大CSS3元素抖动动画库 PetitQ 文本/链接 2019-1-19 1.75K 0 1 csshake是一款非常强大的CSS3元素抖动动画库插件。csshake可以使元素进行各种各样的抖动动画,可以在加载时就抖动或鼠标滑过元素时抖动,目前共有10种抖动效果。csshake简单实用,非常强大。csshake可以使DOM元…
hake强大CSS3元素抖动动画库 PetitQ 文本/链接 2019-1-19 1.75K 0 1 csshake是一款非常强大的CSS3元素抖动动画库插件。csshake可以使元素进行各种各样的抖动动画,可以在加载时就抖动或鼠标滑过元素时抖动,目前共有10种抖动效果。csshake简单实用,非常强大。csshake可以使DOM元…
CSS3鼠标悬停文字幻影动画特效 PetitQ 文本/链接 2018-11-23 1.28K 0 0 这是一款CSS3鼠标悬停文字幻影动画特效。该特效利用before和after伪元素来制作当鼠标悬停在超链接文本上的时候的幻影效果。 使用方法 在页面中引入bootstrap.css、jquery和photoviewer.js文件。 …
CSS3鼠标悬停文字幻影动画特效 PetitQ 文本/链接 2018-11-23 1.28K 0 0 这是一款CSS3鼠标悬停文字幻影动画特效。该特效利用before和after伪元素来制作当鼠标悬停在超链接文本上的时候的幻影效果。 使用方法 在页面中引入bootstrap.css、jquery和photoviewer.js文件。 …
CSS3超酷3D文字跑马灯特效 PetitQ 文本/链接 2019-3-09 2.12K 0 0 这是一款使用纯CSS3制作的超酷3D文字跑马灯特效。该跑马灯特效将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向。 HTML结构 使用该3d跑马灯效果使用一个<div>作…
CSS3超酷3D文字跑马灯特效 PetitQ 文本/链接 2019-3-09 2.12K 0 0 这是一款使用纯CSS3制作的超酷3D文字跑马灯特效。该跑马灯特效将跑马灯背景制作为3D立方体效果,文字在上面移动时,就像是文字投影到墙壁上,在转角出会改变运动方向。 HTML结构 使用该3d跑马灯效果使用一个<div>作…
CSS3荧光灯文字闪烁动画特效 PetitQ 文本/链接 2019-8-02 1.97K 0 1 这是一款纯CSS3荧光灯文字闪烁动画特效。该特效在HTML结构中将文字拆分为单个span元素,然后通过CSS3代码来制作荧光灯和闪烁特效。 HTML结构 J Q u e r y CSS样式 .demo{background: #2c…
CSS3荧光灯文字闪烁动画特效 PetitQ 文本/链接 2019-8-02 1.97K 0 1 这是一款纯CSS3荧光灯文字闪烁动画特效。该特效在HTML结构中将文字拆分为单个span元素,然后通过CSS3代码来制作荧光灯和闪烁特效。 HTML结构 J Q u e r y CSS样式 .demo{background: #2c…
CSS3炫酷文字动画特效 PetitQ 文本/链接 2019-12-19 2.86K 0 1 这是一款使用纯css3制作的文字动画特效。这款炫酷css3文字特效共有5种效果:上下滚动效果、淡入淡出效果、文字旋转效果、放大缩小效果和3d翻转效果。这些特效的主要思想是使用CSS animations来使一个句子产生旋转、缩放等动…
CSS3炫酷文字动画特效 PetitQ 文本/链接 2019-12-19 2.86K 0 1 这是一款使用纯css3制作的文字动画特效。这款炫酷css3文字特效共有5种效果:上下滚动效果、淡入淡出效果、文字旋转效果、放大缩小效果和3d翻转效果。这些特效的主要思想是使用CSS animations来使一个句子产生旋转、缩放等动…
CSS3炫酷3D浮雕质感文字动画特效 PetitQ 文本/链接 2019-1-21 1.80K 0 0 这是一款效果非常酷的纯CSS3 3D浮雕质感文字动画特效。该特效中文字被制作为浮雕文字,就像是从一块石板上将文字雕刻下来的一样。而且文字还会来回的摆动旋转,效果非常好。 HTML结构 该CSS3文字特效的HTML结构是在一个<…
CSS3炫酷3D浮雕质感文字动画特效 PetitQ 文本/链接 2019-1-21 1.80K 0 0 这是一款效果非常酷的纯CSS3 3D浮雕质感文字动画特效。该特效中文字被制作为浮雕文字,就像是从一块石板上将文字雕刻下来的一样。而且文字还会来回的摆动旋转,效果非常好。 HTML结构 该CSS3文字特效的HTML结构是在一个<…