参考地址 张鑫旭的个人主页
    效果截图
    image.png

    • demo 最终 gif 效果图

    Animation36.gif

    • x源码 ``` <!DOCTYPE html>

    这是一段测试效果的段落文字，嗯哼~~！这个示例是依据张鑫旭个人主页首页看到的效果，在源码查看后，这里进行一份保存。

    ```

    backgroind-size 设置为了 200% 100%，相应的需要在 background-image 中 line-gradient() 设置的渐变颜色是有规律的，不然的话动画会出现视觉上的卡顿，值依次为：红 橙 黄 绿 黄 橙 红 橙 黄 绿 黄 橙 红