标签归档:文字特效

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

在线演示源码下载

CSS3实现文字局部背景图案效果

这次要分享的是一款利用CSS3实现的文字特效,这款CSS3文字特效可以使文字的任意局部背景自定义,这样我们的一个文字不同区域就可以定义不同的背景颜色和背景图片。之前我们也分享过一篇文章用CSS3美化半个字符巧妙方法,这就是实现原理。

css3-text-background-partial

在线演示源码下载

超炫CSS3文字特效集锦

今天我们要来分享十几种样式各异的CSS3文字特效,有些是3D的文字效果,有些是带有立体的文字阴影,而且色彩也都很不错。这几款CSS3文字特效用了很多text-shadow和filter属性,是这些CSS3属性,让枯燥的黑白文字变得如此生动,尽管它们都是静态的文字。

cool-css3-text-effect

在线演示源码下载

CSS3 SVG文字背景动画 超酷的文字特效

今天我们来分享一款基于CSS3和SVG的文字特效,文字的背景可以定义一些动画特效,在背景动画播放的同时,我们还可以选中文字。本示例让文字背景展示水波和火焰的动画特效,当然你还可以利用SVG的特点来制作其他炫酷的背景动画。

css3-svg-text-bg-animation

在线演示源码下载

CSS3火焰效果文字特效

记得我们以前分享过一款很酷的CSS3火焰文字特效,把它挖出来看看:HTML5火焰文字特效。今天我们要来再分享一款CSS3火焰效果的文字特效,和之前那个文字特效不同的是,这个是静态的,没有动画的效果,不过也非常酷。

css3-flame-text-effect

在线演示源码下载