前言： 前段时间看到这种动态SVG渐变效果看上去很舒服，今天抽出来时间试了一下，看着还不错。文章中没有放GIF图片，试了一下太掉帧了，直接放了静态图片了，想看效果的自己建一个index.html试一下就行。 话不多说直接上图和代码 演示图： 一个简单的HTML页面代码:   <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>漫川演示页面</title> <style> body { margin: 0; padding: 0; overflow: hidden; } svg { width: 100%; height: 100%; position: absolute; z-index: -1; } @media (max-width: 768px) { svg { width: 100vw; height: 100vh; position: absolute; z-index: -1; } } /* 添…