CSS文字真正可见

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

假设我有一个带有背景图片的BODY。在此机身上,我有position:fixed全屏DIV#a,带有渐变背景和mix-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>
aaa623946900 回答:CSS文字真正可见

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2717216.html

大家都在问