这种效果是如何通过JavaScript或CSS实现的？

这种效果通常结合JavaScript和CSS来实现。下面是简要步骤：

1. **HTML结构**：首先在HTML中创建一个基础的容器元素，如div，作为遮罩层和需要跟随的元素（比如一个按钮或图片）的容器。

<div class="mask"></div>
<button class="target">点击我</button>

2. **CSS样式**：设置初始状态，遮罩层可能是半透明的，背景色通常是白色或深色，定位为绝对覆盖整个屏幕，并添加一些基本的动画属性，如`transition`或`animation`，使得其在显示和消失时有平滑过渡。

.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease-in-out;
}

3. **JavaScript逻辑**：使用JavaScript监听鼠标事件（如`mousemove`），计算鼠标相对于遮罩层位置，然后调整遮罩层的透明度或其他样式属性，使其跟随鼠标。如果要用更复杂的路径跟随，可以考虑使用`getBoundingClientRect()`获取元素的位置和尺寸。

let mask = document.querySelector('.mask');
document.querySelector('.target').addEventListener('mousemove', function(e) {
  let rect = mask.getBoundingClientRect();
  mask.style.opacity = (e.clientX - rect.left) / rect.width; // 示例仅用于展示思路
});

4. **边界处理**：为了避免鼠标离开遮罩范围导致遮罩层一直存在，可以在JavaScript中检查鼠标是否还在遮罩区域内，超出则隐藏或淡出。

以上是一个基础的实现，实际应用中可能会更复杂，涉及到更多的交互细节和性能优化。