【动画进阶】酷炫的多行文本随滚动颜色变换

文章预览

本文，我们来看这么个有意思的问题。使用 CSS，实现在页面屏幕中有一长串多行字母，现在需要随着页面滚动，改变每个字母的颜色。这也是掘金上一个同学的私信提问： 这里和这位同学细聊，他没有回复，有一个细节我没获取到，就是多行文本一开始是文字颜色是规律的还是不规律的，另外一个点，随着页面滚动，改变每个字母的颜色，需要有规律的改变，还是没有规律的改变？ 这问题细琢磨，还是非常有意思的，效果的核心是： 多行文本，如何使用尽可能少的标签，让多行文本下的每一个字，呈现不一样的内容 随着改动，如何去控制每一个字颜色的改变？ 带着这两个疑问，我们尝试使用 CSS 一步一步解决它！ 单个标签实现多行文本下单个文字不同颜色 我们先来看，如何使用单个标签实现多行文本下单个文字不同颜色。这是之前在 【动画 ………………………………