标签归档:CSS3文字

CSS3卡片折叠样式3D文字标题特效

在网页上,文字是信息描述的主要手段,我们可以设置文字的字体、大小、颜色等基本属性 。CSS3标准的出现,可以让文字拥有更多的样式甚至是一些复杂的动画。今天我们要分享给大家的是一款基于CSS3的卡片折叠样式的文字特效,每一个字母之间像是折叠的卡片连接在一起一样,鼠标滑过后文字卡片也上下凹凸浮动,具有3D立体的视觉效果。

css3-card-fold-text-title

在线演示源码下载

超华丽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

在线演示源码下载

CSS3实现3D卡通文字效果

之前我们介绍过很多基于jQuery和CSS3的文字动画特效,比如HTML5/CSS3发光文字 可自定义文字色彩就非常炫酷。今天要分享的是一款基于CSS3的3D卡通文字效果,文字呈现的是3D立体的视觉效果,鼠标滑过文字时会出现晃动的动画效果。

css3-3d-kartoon-text

在线演示源码下载

纯CSS3浮雕质感的立体文字旋转动画

还记得之前分享过一个CSS3 3D镂空文字特效,这个效果让文字有一种立体的视觉效果。今天要分享的这款CSS3文字动画特效更加炫酷,它不仅有立体的3D效果,而且文字整体展现出一种浮雕质感的视觉效果,并且伴随着旋转。

css3-float-3d-text

在线演示源码下载

10组CSS3鼠标滑过文字动画特效

之前我们分享过很多CSS3文字动画特效,比如CSS3 3D镂空文字特效HTML5粒子效果的文字动画特效。今天要介绍10组基于CSS3的鼠标滑过文字动画特效,有上凸、下凹等文字动画。这些炫酷的CSS3文字效果可以让网页变得更加绚丽。

css3-hover-text-effect

在线演示源码下载

CSS3 3D镂空文字特效

之前我们有分享过一款镂空效果的CSS3按钮,镂空部分可以定义其他的背景图片。今天我们要介绍的也是一款基于CSS3的镂空文字特效,这样的镂空文字效果在以前很难实现,必须使用背景图片,但是现在利用CSS3,这种镂空效果变得非常简单。

css3-3d-stroke-text

在线演示源码下载

CSS3 3D折叠翻转文字动画

今天我们再来分享一款CSS3文字特效应用,和之前分享的这款HTML5/CSS3文字特效类似,它也是一款CSS3 3D折叠翻转文字动画,只要将鼠标滑过文字,文字的另一面即可像翻页一样翻转开来,呈现3D立体的视觉效果,这一切都是CSS3实现的。

css3-3d-fold-text

在线演示源码下载

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

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

css3-text-background-partial

在线演示源码下载

超炫CSS3文字特效集锦

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

cool-css3-text-effect

在线演示源码下载