x
 
<!DOCTYPE html>
<html>
<head>
<style>
body {
  height: 3000px;
  background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
}
</style>
</head>
<body>
<h1>在滚动时更改背景渐变</h1>
<h2>线性渐变 - 从上到下</h2>
<p>这个线性渐变从顶部开始。它从绿色过渡到蓝色。</p>
<h2 style="position:fixed;">滚动可查看效果。</h2>
</body>
</html>