标签归档:文字特效

CSS3实现阴影角度可变的文字特效

这次我们要分享的这款CSS3文字特效相当普通,就是文字阴影,不过文字阴影的角度可以跟随你的鼠标移动而改变,阴影的角度改变可以让你的文字效果更加强烈,从而让文字的3D效果更加明显。之前我们也分享过带阴影的3D文字HTML5颜色渐变3D文字特效

css3-shine-text-effect

在线演示源码下载

7种jQuery/CSS3文字排列特效

今天我们要分享的这款jQuery/CSS3文字特效有7种不同的样式,主要是不同的文字排列特效。各种各样的创意加上jQuery和CSS3的技术实现让这几款文字特效显得非常霸气。另外,之前我们也分享过一些超酷的文字特效,大家可以看看。

7-jquery-css3-text-effect

在线演示源码下载

HTML5颜色渐变3D文字特效

之前我们已经分享过不少HTML5文字特效,效果都还不错,尤其是这款HTML5摆动的文字特效 类似柳枝摆动,更是有非常酷的文字动画效果。今天我们要分享一款HTML5 3D文字特效,文字的颜色是渐变的,同时有文字阴影,更加凸显了3D立体的效果。

html5-gradient-3d-text

在线演示源码下载

jQuery鼠标滑过文字跳动动画插件

这次我们继续来为大家分享一款文字特效插件,这款文字特效比较简单,当我们把鼠标滑过文字上方时,文字即会跳动起来,就像跳舞一下。由于这款文字特效是用jQuery的,所以能兼容所有主流的浏览器,大家可以尝试一下。

jquery-text-jump-effect

在线演示源码下载

CSS3实现文字输入效果

今天我们要来分享一款很酷的CSS3文字输入效果,它可以在屏幕上模拟我们键盘输入文字的效果,就像打印机打印一样。另外,接收文字输入的编辑器的外观也比较漂亮,当然文字的字体和颜色大家可以自行设置。

css3-text-type-effect

在线演示源码下载

HTML5 3D阴影文字特效

今天我们要来分享一款非常简单大气的HTML5 3D文字特效,这个3D文字特效是通过文字加粗以及文字阴影来实现的,效果非常不错。同时我们在html5tricks网站上也分享过很多炫酷的文字特效,比如CSS3文字阴影效果 阴影角度可随鼠标变化动感的CSS3 Loading文字特效

html5-3d-text-shadow

在线演示源码下载

HTML5火焰文字特效

之前我们分享过不少基于HTML5和CSS3的文字特效,有3D的文字效果,也有动画文字特效。今天我们分享的这款HTML5文字特效是火焰燃烧的效果,比较消耗CPU,但是动画效果还是比较酷的。另外,再推荐一款HTML5文字特效:HTML5像素文字爆炸重组动画特效

html5-css3-fire-text

在线演示源码下载

用CSS3美化半个字符巧妙方法

CSS不仅是一种技术,也是一种艺术,如果你运用的好,可以用它创造出各种神奇的效果,随着现代浏览器技术的进步,CSS3的革新,也给了程序员更大的空间和可能性来发挥自己的奇思妙想。在网上有很多常见的图形,比如在这个“HTML5技术秀:你的3D立体旋转名字”作品里,在左上角的菜单前面都有一个小图标,放在凡人眼里,它们肯定是个图片,找美工做个图,又省事,又快捷,但如果你仔细研究就会发现,它们不是图片, 是用纯CSS画出来的,只有有艺术感的Web程序员才能做出这样的事情。

最近网上热炒的一个话题是如何用CSS美化半个字符。就是把一个字符劈成两半,一半是A样式,一半是B样式。当然,大家都知道,不论是中文字符还是西文字符,单个字符否是无法拆分的,它们是文字的最新单元,如果是美化半个词或半个句子,这估计大家都知道如何做,也很常见。但半个字符如何美化呢?当然有办法,这里需要的就是艺术。

先看看需要的效果图。
love

左边是一种颜色,右边是一种颜色。如果是用图片做,这当然很容易,但图片有图片的局限性,比如不能动态的生成字符样式。下面我们就来看看用纯CSS如何实现这样的效果。

CSS美化半个[......]

阅读全文>>

CSS3五彩文字特效 文字带阴影效果

这是一款非常具有卡通形象的CSS3五彩文字特效,虽然没有迷人的动画效果,但是五彩缤纷的文字展现在屏幕上也是非常酷的,再加上每一个文字都有不同角度的阴影效果,加上漂亮的英文字体,让整一个文字特效显得非常出色迷人,大家可以在宣传广告页面试试这款CSS3文字特效。

css3-colorful-text-shadow

在线演示源码下载

HTML5/CSS3 Loading动画 水位充满文字特效

这款HTML5动画既是Loading特效也是文字特效,Loading动画开始时,文字中的水位渐渐上升,为了模拟水位上升的真实效果,水面还会波浪浮动,当Loading动画结束时,文字中的水位又会渐渐退去,动画效果和上升类似,这样周而复始,从而达到很酷HTML5 Loading动画效果。

css3-text-water-loading

在线演示源码下载