标签归档:文字特效

SVG/CSS3 3D阴影文字 阴影线条流动特效

今天我们给大家分享另外一款基于SVG和CSS3的文字动画,它们的特点是文字有阴影特效,呈现出3D立体的视觉效果,而且这不是一般的阴影,而是借助了SVG的路径绘制功能,将阴影线条化,并且阴影线条还可以随着鼠标的滑过而呈现流动的动画特效,你也可以对文字进行加粗。

svg-css3-3d-shaded-text

在线演示源码下载

CSS3 3D文字拉伸发光动画

自从CSS3标准诞生以后,我们网页上的元素变得逐渐生动起来,就连最单调的文字也变得非常炫酷。这次要分享的一款基于CSS3的3D文字拉伸动画就非常不错,当我们将鼠标滑过文字时,文字就会出现拉伸发光的动画特效,看上去十分大气。

css3-3d-stretch-text

在线演示源码下载

CSS3/SVG火焰背景遮罩文字动画

之前我们分享过一些炫酷的带遮罩的CSS3文字动画特效,比如这款基于P5.JS的HTML5文字遮罩粒子动画就非常不错。今天要分享的也是一款CSS3遮罩文字动画,这次的遮罩是动态燃烧的火焰作为背景,同时也利用了SVG的路径功能绘制文字的镂空形状,非常炫酷。

css3-svg-fire-text

在线演示源码下载

超华丽CSS3 3D五彩发光文字动画

不久前我们已经为大家介绍过一些炫酷的CSS3文字动画和HTML5文字特效,有些都非常不错,比如最近刚分享的CSS3文字跳动旋转动画以及HTML5 Canvas幻彩火焰文字特效。这次我们要来看一款纯CSS3实现的3D五彩发光文字动画,文字呈现3D立体的视觉效果,同时定时会变换字体颜色,并且文字周围微微带有发光的效果,这样就更加体现出3D的动画效果了。

css3-3d-shine-text

在线演示源码下载

CSS3文字跳动旋转动画

今天我们要为大家分享一款基于CSS3的文字动画,这款文字动画展现的是可以跳动和旋转的字母文字。之前也有介绍过一些CSS3文字特效,比如HTML5 Canvas幻彩火焰文字特效CSS3实现3D卡通文字效果都非常不错,今天的这款CSS3跳动文字特效希望你也会喜欢。

css3-text-flipping

在线演示源码下载

HTML5 Canvas幻彩火焰文字特效

之前我们分享过很多基于HTML5 Canvas的火焰渲染动画特效,比如这款HTML5 Canvas炫酷的火焰风暴动画和这个HTML5动感的火焰燃烧动画特效。这次来分享一款很特别的HTML5文字特效,文字同时是利用火焰来渲染的,并且燃烧的文字火焰还可以随时改变颜色,让文字更显幻彩。

html5-canvas-colorful-text

在线演示源码下载

HTML5/CSS3实现闪烁霓虹灯文字特效

今天我们要给大家分享一款非常惊艳的HTML5/CSS3文字特效,闪烁的霓虹灯动画特效就是这款文字最让人震撼的地方。这个HTML5文字动画有几个特点:1、文字带有闪烁的霓虹灯动画,且文字选中时也有很酷的动画特效;2、文字可动态输入,且输入的文字实时渲染霓虹灯特效。关于HTML5文字动画特效,大家也可以回顾一下之前分享的14款震撼人心的HTML5文字特效

html5-shimmering-neon-text

在线演示源码下载

HTML5 Canvas 3D球形文字标签云动画

个人博客程序中经常会使用的一个功能叫标签云,就是把许多标签文字提取出来,使用云的形式将这些标签展示给读者。今天要分享的就是一款基于HTML5 Canvas的3D球形标签云动画,你可以定义任意的文字,然后调用HTML5代码初始化一个3D的球形标签云,效果非常不错。

html5-canvas-3d-text-ball

在线演示源码下载

CSS3动态波浪文字动画特效

之前我们分享过一些很酷的基于HTML5和CSS3的文字动画,比如这款动感的CSS3 Loading文字特效HTML5/CSS3 3D文字特效 文字外翻效果。今天我们给大家介绍另外一款CSS3文字特效,它的主要特效是动态波浪动画,一共有4组不同的波浪动画特效。

css3-wave-text

在线演示源码下载

HTML5 Canvas粒子效果文字动画特效

之前我们分享过很多超酷的文字特效,其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5 Canvas的文字特效,输入框中输入想要展示的文字,回车后即可在canvas上绘制出粒子效果的文字动画,相当酷的动画效果。

html5-canvas-side-text

在线演示源码下载