好吧,我正在尝试做类似的事情。
假设我有一个带有背景图片的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>