PHP无法实现鼠标跟随渐变动效，因其是服务端语言，该效果需通过JavaScript监听mousemove事件获取坐标，结合radial-gradient动态设置遮罩层背景来实现。
PHP 本身无法实现鼠标跟随渐变动效
PHP 是服务端语言，页面渲染完成后它就不再参与交互。所谓“鼠标跟随渐变”，本质是浏览器端的实时 DOM 操作 + CSS 渐变 + JavaScript 坐标计算，和 PHP 没有直接关系。你看到的 PHP 页面（比如 index.php）只是把 HTML/CSS/JS 代码输出给了浏览器，真正干活的是浏览器里的 JS 和 CSS。
用 mousemove + linear-gradient 实现鼠标跟随渐变背景
核心思路：监听 mousemove 事件获取鼠标坐标，动态更新一个遮罩层（或伪元素）的 background-image，让渐变中心始终对准鼠标位置。注意不能直接改整个 body 的渐变——CSS 的 linear-gradient 不支持坐标锚点，得用 radial-gradient 或配合 transform 位移模拟。
常见做法是：
- 在页面最上层加一个全屏
- CSS 中设为
position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;（避免遮挡点击） - JS 中监听
document.addEventListener('mousemove', e => { ... })，用e.clientX/e.clientY计算相对位置 - 通过
element.style.background动态设置类似radial-gradient(circle at ${x}px ${y}px, rgba(255,100,100,0.3), transparent 60%)
兼容性与性能要注意这几点
radial-gradient 在所有现代浏览器中都支持，但 IE 完全不支持；如果必须兼容旧环境，得降级为 canvas 绘制或放弃该效果。性能方面，频繁触发 mousemove 并直接操作 style.background 可能引发重绘抖动，建议：
立即学习“PHP免费学习笔记（深入）”；
- 用
requestAnimationFrame节流，而不是直接在事件里改样式 - 把渐变层的
background改为background-image，避免触发整层重排 - 控制渐变半径（如
40vw）和透明度衰减，太强会盖住内容 - 移动端没有
mousemove，需额外监听touchmove并取touches[0]
PHP 文件里怎么嵌入这段 JS？
只要确保输出的 HTML 包含对应结构和脚本即可。例如在 index.php 末尾写：
注意：不要在 PHP 中用 echo 拼接大段 JS，容易引号转义混乱；直接混写 HTML/JS 更可控。如果渐变逻辑复杂，建议把 JS 抽成独立文件引入。
真正的难点不在“怎么写”，而在“怎么让渐变看起来自然不突兀”——坐标偏移、颜色过渡节奏、与页面内容的层级关系，这些细节调试起来比代码本身花时间得多。
