W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!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>