Html 如何更改鼠标移动时的渐变位置？

我试图在网站上建立更多的用户交互。由于我的网站有一个渐变，我的灵感来自于鼠标在网站上的移动

---

如果有人能帮我一个代码做同样的背景效果将是伟大的

看这个快速提琴，例如，不涉及JS（你需要做很多工作才能拥有像他们一样平滑和好看的东西，但我在背景中看不到任何移动：）只有前景有不同的状态）：

*
{
保证金：0；
填充：0；
框大小：边框框；
}
html，正文{
身高：100%；
}
身体{
背景图片：url(http://upload.wikimedia.org/wikipedia/commons/4/49/Zdiar1.jpg);
背景大小：100%100%；
颜色：白色；
字体大小：1.5rem；
字体系列：“SegoeUI”；
}
div
{
背景色：深蓝色；
身高：100%；
宽度：25%；
浮动：左；
填充：1rem；
过渡：放松；
}
分区：第n个类型（4）
{
背景色：深蓝色；
}
div:悬停
{
背景色：透明；
}

Lorem ipsum door sit amet，concetetur adipsicing elit。除面部和类似部位外，其他部位分娩时的选择权除外。
Lorem ipsum dolor sit amet，奉献精英。除面部和类似部位外，其他部位分娩时的选择权除外。
Lorem ipsum dolor sit amet，奉献精英。除面部和类似部位外，其他部位分娩时的选择权除外。
Lorem ipsum dolor sit amet，奉献精英。赞美生命之道是一种解决方案，它是一种javascript加css的组合，它们将css类在各部门之间移动，这很简单，你应该先试一试，然后问你这个问题是否偏离主题，因为这是一个为我做的请求，而不是一个问题。谢谢你的输入@sodawillow，但我的问题是关于梯度的。我只是想澄清一下，我在找这样的东西。同样的效果对网站的背景，但对鼠标光标的移动。