今天我们来做一个文字渐显的演示。一起来看看效果吧。
·在背景上显示出一篇桃花源记，每个字逐渐显现，带有透明的过渡效果。
·我们先来看看代码，HTML和CSS都非常简单，都是一些基础的代码。接下来我们来看一下js、json变量。
·我找到了一篇桃花源记的文本放在这里，并获取了main对象。先将字符串分割成数组，接着编写一个函数。如果数组中仍有文字，则执行相应操作。
·先创建一个span，删除文字数组中的第一个字，用一个变量保存删除的字。接下来声明一个变量，用于控制透明度等效果。
·将删除的文字放入span中，再放入main中。
·打开一个定时器，现在应该有文字出现了，但需要将透明度设置为1，否则无法显示。文字一个一个出现，但目前还没有透明效果。
·再创建一个定时器，专门控制透明度等效果。每次执行时，控制变量加1，并设置透明度值和文字的透明度。
·先看看效果，现在所有文字都变成透明的了。有一个字出现是因为CSS中设置了透明度为1，将其更改为0，所有文字都变成了透明的。回到JS中，为文字添加阴影，现在应该可以看到一层琉璃的阴影。
·再为文字添加滤镜，使其呈现朦胧的效果，同时也实现了透明的过渡效果。当变量达到10时，透明度变为1，span的透明度也变为1。
·清理定时器，将文字颜色设置为初始状态，查看最终效果，一切正常。
到这里就是今天的演示了，感谢大家的观看。