时间戳

首页 > 解决方案 > CSS文字真实透视

html - CSS文字真实透视

问题描述

好的，我正在尝试做类似的事情。

假设我有一张BODY带有背景图片的图片。在这个机身上，我有一个带有渐变背景的position:fixed全屏和.DIV#amix-blend-mode: exclusion

现在，我想添加另一个DIV#b黑色背景和一些文本。但我希望我的文本是“透明的”，这样我们就可以DIV#b通过文本看到颜色。

是否可以仅使用 CSS（我不想使用 svg 或其他任何东西，只使用文本和 css）。文本是否必须直接在 DIV#b 中，还是我可以将它放在 DIV#b 内的另一个 div 中？

我拥有的 CSS 渐变是使用 css 进行动画处理的，所以我需要文本与之做出反应，我不能作弊。

html结果将是

<body>
    <div id="a"></div> <!-- position:fixed, animated gradient and mix-blend-mode: exclusion -->
    <div id="b"> <!-- dark background div -->
        <span>some text</span> <!-- "transparent text" that is colored with #a -->
    </div>
</body>

标签： htmlcsstransparencytransparent

解决方案

推荐阅读