本篇分享的字符雨特效主要通过JS实现。

        实现步骤：

        1、页面分为50列（ 可根据样式中设置的字体大小调整列数，确保铺满整个页面），每列随机选取50个字符。

        2、字符置于 标签中展示，设置span样式 display:block 确保字符竖向按列排布。

        3、初始随机指定每一列中设置下雨效果的字符列表长度和起始位子，即雨点起始位置和雨线长度。

        4、在requestAnimationFrame中设置雨线字符颜色，改变雨线位置，实现下雨效果。

        实际效果：

     关键代码：

        在requestAnimationFrame中设置循环：

        改变雨线位置：

        设置雨线颜色：

        代码下载：很哇塞的 页特效之字符雨特效- 页制作文档类资源-CSDN下载