前端实现炫酷动效_10大炫酷的HTML5文字动画特效欣赏

本文作者html5tricks，转载请注明出处

文字是网页中最基本的元素，在CSS2.0时代，我们只能在网页上展示静态的文字，只能改变他的大小和颜色，显得枯燥无味。随着

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

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

2、CSS3 3D镂空文字特效

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

3、HTML5粒子效果的文字动画特效

记得之前向大家分享过一款HTML5 Canvas实现会跳舞的时间动画，利用了HTML5的粒子动画特性。今天要分享的也是一款基于HTML5的粒子效果的文字动画特效，并且它可以实现每个文字的逐帧播放，形成一句很浪漫的诗句。

4、CSS3 3D折叠翻转文字动画

今天我们再来分享一款CSS3文字特效应用，和之前分享的这款HTML5/CSS3文字特效类似，它也是一款CSS3 3D折叠翻转文字动画，只要将鼠标滑过文字，文字的另一面即可像翻页一样翻转开来&#