是否可以使用文本而不是图像重新创建此效果？

Question

最重要的例子：

http://jsbin.com/ococal/3

准确地说，我想使用<p>代替背景图片。

Answer 1

有可能。通常，您必须将文字放在#reveal内并将其偏移#reveal移动的相同像素数，但为负数。

Demo

Answer 2

您可以在中间使用带有透明圆圈的方形白色图像并将其放置在周围，然后使用不同的元素并使用白色背景遮住图像的其余部分。

<div>
  <img src="http://example.com/img.png"/>
  <div id="masking-circle"></div>
  <div id="mask-top"></div>
  <div id="mask-bottom"></div>
  <div id="mask-left"></div>
  <div id="mask-right"></div>
</div>

Answer 3

这是一个z-index值的游戏 http://www.w3schools.com/cssref/pr_pos_z-index.asp 和一个mousemove监听器