我正在开发一个放大镜,我希望我能得到一些帮助,弄清楚我将如何做一个步骤。
我正在做的是我有一个 z-index 比内容更高的 div。它是可移动和可拖动的。它还具有透明背景,因此人们可以看到它后面/下面的内容(图像和文本)具有较小的 z-index。
现在我需要帮助的部分是:
我想弄清楚 div 背后的确切内容(让我们给它一个 ID #glass
)。
然后我的计划是在<span>
之前和之后添加一个关闭,并使用 CSS3 缩放变换设置样式以增加大小,使其看起来像被放大了一样。如果您对如何“放大”内容有更好的想法,请分享。
所以我希望在伪代码中做的是:
- 获取 的位置
#glass
。 - 获取内容落后
#glass
。 - 将其存储在变量中或给它一个类或其他东西来引用它。
- 在前后附加一个跨度。
- 使用比例变换对其进行样式设置。
- 当#glass 移动时撤消并重置上述内容。
对于这些步骤中的任何一个,我真的很感激任何和所有的帮助,尤其是第 2 和第 3 步,因为我不知道如何做这些。